.flip-box-inner-Y, .flip-box-inner-X, .flip-box-back-Y, .flip-box-back-X {width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;}
.product-image-wrapper:hover .flip-box-back-Y {transform: rotateY(180deg);-webkit-animation: rotateXY 1.2s both;animation: rotateXY 1.2s both;}
.product-image-wrapper:hover .flip-box-back-X {transform: rotateX(180deg);-webkit-animation: rotateXY 1.2s both;animation: rotateXY 1.2s both;}
.rotate-Y.product-image-wrapper:hover {transform: rotateY(180deg);}
.rotate-X.product-image-wrapper:hover {transform: rotateX(180deg);}
.product-image-wrapper:hover .flip-box-back-fade {-webkit-animation: fade-in 0.5s both;animation: fade-in 0.5s both;}
@-webkit-keyframes fade-in {0% {opacity: 0.8;}100% {opacity: 1;}}
@keyframes fade-in {0% {opacity: 0.8;}100% {opacity: 1;}}
@-webkit-keyframes rotateXY {0% {opacity: 0.5;}15% {opacity: 1;}}