.wp-post-image--secondary{
    position: absolute;
	top: 10; left: 0;
	opacity: 0;
}

.wp-post-image--secondary:hover{
 opacity:999;
}
/* size of custom gallery image */
div#gallery-img{
    height:50px;
    width: 50px;
}
/* .wp-post-image--secondary:not(:hover){
    transition: opacity 0.5s ease-in-out;
} */
/* ---------------Hover In Animation------------------ */
/* fade animation css */
 .wp-post-image--secondary.fadeIn:hover{
    transition: opacity 1s ease;
}
/* slide animation css */
.wp-post-image--secondary.slide:hover{
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 1s forwards;
}
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
/* flip animation css */
.wp-post-image--secondary.flip:hover{
    transition: transform .50s ease-in-out;
    transform: rotateY(180deg);
}

/* ---------------Hover out Animation------------------ */
/* fade animation */
.woocommerce li.product.fade:not(:hover) img{
    transition: opacity 1s ease;
   
    }
/* flip animation */
.woocommerce li.product.flip:not(:hover) img{
    transition: transform .50s ease-in-out;
    transform: rotateY(180deg);
    }
/* slide animation */
.woocommerce li.product.slide:not(:hover) img{
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 1s forwards;
}
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}