first commit

modules/ybc_productimagehover/views/css/fix15.css

@@ -0,0 +1,234 @@
+.product_image {
+  display: block;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #d1d1d1;
+}
+.products_block li .product_image img{
+    border: none;
+}
+.ybc_img_hover {
+  width: 100%;
+  float: left;
+}
+/*ul li.ajax_block_product .product_image {
+  border: 1px solid #d6d4d4;
+  margin-bottom: 13px;
+  padding: 9px;
+  position: relative;
+  overflow: hidden;
+}*/
+/*----------------------zoom effect------------*/
+.ajax_block_product .zoom:nth-child(2),
+.product-box .product-image .zoom:nth-child(2),
+.ajax_block_product .zoom.ybc_img_hover,
+.product-box .product-image .zoom.ybc_img_hover {
+  opacity: 0;
+  position: absolute;
+  left: 0;
+  top: 0px;
+  transform: scale(0);
+  -moz-transform: scale(0);
+  -o-transform: scale(0);
+  -ms-transform: scale(0);
+  -webkit-transform: scale(0);
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.ajax_block_product:hover .zoom:nth-child(2),
+.product-box:hover .product-image .zoom:nth-child(2),
+.product-box:hover .product-image .zoom.ybc_img_hover,
+.ajax_block_product:hover .zoom.ybc_img_hover {
+  opacity: 1;
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -moz-transform: scale(1);
+  -o-transform: scale(1);
+  -webkit-transform: scale(1);
+}
+.ie8 .ybc_img_hover, .ie8 .product-box .ybc_img_hover {
+    position: absolute;
+    top: 0px;
+    z-index: -1;
+    opacity: 0;
+}
+.ie8 .ajax_block_product:hover .ybc_img_hover,
+.ie8 .product-box:hover img.ybc_img_hover {
+    z-index: 0;
+}
+/*----------------------end of zoom effect------------*/
+/*----------------------fede effect-------------------*/
+.ajax_block_product .fade:nth-child(2),
+.product-box .product-image .fade:nth-child(2),
+.ajax_block_product .fade.ybc_img_hover,
+.product-box .product-image .fade.ybc_img_hover {
+  opacity: 0;
+  position: absolute;
+  left: 0;
+  top: 0px;
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.ajax_block_product:hover .fade:nth-child(2),
+.product-box:hover .product-image .fade:nth-child(2),
+.product-box:hover .product-image .fade.ybc_img_hover,
+.ajax_block_product:hover .fade.ybc_img_hover {
+  opacity: 1;
+}
+/*----------------------end of fade effect-------------*/
+
+/*-----------vertical_scrolling bottom to top effect-------------------*/
+.ajax_block_product .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box .product-image .vertical_scrolling_bottom_to_top:nth-child(2),
+.ajax_block_product .vertical_scrolling_bottom_to_top.ybc_img_hover,
+.product-box .product-image .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  position: absolute;
+  top:110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.ajax_block_product:hover .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_bottom_to_top.ybc_img_hover,
+.ajax_block_product:hover .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------vertical_scrolling top to bottom effect-------------------*/
+.ajax_block_product .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box .product-image .vertical_scrolling_top_to_bottom:nth-child(2),
+.ajax_block_product .vertical_scrolling_top_to_bottom.ybc_img_hover,
+.product-box .product-image .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  position: absolute;
+  top:-110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.ajax_block_product:hover .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_top_to_bottom.ybc_img_hover,
+.ajax_block_product:hover .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling left to right effect-------------------*/
+.ajax_block_product .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box .product-image .horizontal_scrolling_left_to_right:nth-child(2),
+.ajax_block_product .horizontal_scrolling_left_to_right.ybc_img_hover,
+.product-box .product-image .horizontal_scrolling_left_to_right.ybc_img_hover {
+  position: absolute;
+  top:0;
+  left:-100%;
+  transition:left 0.5s ease 0s;
+  -moz-transition: left 0.5s ease 0s;
+  -webkit-transition: left 0.5s ease 0s;
+  -o-transition:left 0.5s ease 0s;
+}
+.ajax_block_product:hover .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_left_to_right.ybc_img_hover,
+.ajax_block_product:hover .horizontal_scrolling_left_to_right.ybc_img_hover {
+  left:0;
+}
+/*------------end of horizontal_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling right to left effect-------------------*/
+.product-box .product-image {
+  overflow: hidden;
+  position: relative;
+}
+.ajax_block_product .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box .product-image .horizontal_scrolling_right_to_left:nth-child(2),
+.ajax_block_product .horizontal_scrolling_right_to_left.ybc_img_hover,
+.product-box .product-image .horizontal_scrolling_right_to_left.ybc_img_hover {
+  position: absolute;
+  top:0;
+  right:-100%;
+  transition:right 0.5s ease 0s;
+  -moz-transition:right 0.5s ease 0s;
+  -webkit-transition:right 0.5s ease 0s;
+  -o-transition:right 0.5s ease 0s;
+}
+.ajax_block_product:hover .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_right_to_left.ybc_img_hover,
+.ajax_block_product:hover .horizontal_scrolling_right_to_left.ybc_img_hover {
+  right:0;
+}
+
+
+
+/*accessories product*/
+.product-image.product_image {
+  border: medium none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+.product-box .product_desc {
+  border: 1px solid #D6D4D4;
+  padding: 5px;
+}
+/**/
+/*------------end of horizontal_scrolling effect-------------*/
+/*
+.product_img_link img
+{
+     -webkit-transform: perspective(600px) rotatey( 0deg );
+    -o-transform: perspective(600px) rotatey( 0deg );
+    transform: perspective(600px) rotatey( 0deg );    
+    -webkit-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: -webkit-transform 0.5s linear 0s;
+    transition: -o-transform 0.5s linear 0s;
+    transition: transform 0.5s linear 0s;
+}
+
+.product_img_link > .flip3d.ybc_img_hover{  
+    position: absolute;
+    top: 0;
+    left: 0;
+    -webkit-transform: perspective(600px) rotatey( 180deg );
+    -o-transform: perspective(600px) rotatey( 180deg );
+    transform: perspective(600px) rotatey( 180deg );
+    -webkit-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: -webkit-transform 0.5s linear 0s; 
+    transition: -o-transform 0.5s linear 0s;
+    transition: transform 0.5s linear 0s;            
+}
+.product-container:hover .product-image-container img:nth-child(2),
+.product-box:hover .product-image .img:nth-child(2),
+.product-box:hover .product-image .img.ybc_img_hover,
+.product-container:hover .product-image-container .img.ybc_img_hover
+{
+     -webkit-transform: perspective(600px) rotatey( -180deg ); 
+     -o-transform: perspective(600px) rotatey( -180deg );
+     transform: perspective(600px) rotatey( -180deg );            
+}
+.product-container:hover .product-image-container .flip3d:nth-child(2),
+.product-box:hover .product-image .flip3d:nth-child(2),
+.product-box:hover .product-image .flip3d.ybc_img_hover,
+.product-container:hover .product-image-container .flip3d.ybc_img_hover
+{
+     -webkit-transform: perspective(600px) rotatey( 0deg );
+     -o-transform: perspective(600px) rotatey( 0deg );
+     transform: perspective(600px) rotatey( 0deg );            
+}
+
+*/

modules/ybc_productimagehover/views/css/fix17.css

@@ -0,0 +1,155 @@
+.product-thumbnail {
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+.ybc_img_hover {
+  display: inline-block;
+  left: 0;
+  max-width: 100%;
+  top: 0;
+}
+.products .product-miniature {
+  overflow: hidden;
+  position: relative;
+}
+/*----------------------zoom effect------------*/
+.product-miniature .zoom:nth-child(2),
+.product-miniature .zoom.ybc_img_hover{
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transform: scale(0);
+  -moz-transform: scale(0);
+  -o-transform: scale(0);
+  -ms-transform: scale(0);
+  -webkit-transform: scale(0);
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.product-miniature:hover .zoom:nth-child(2),
+.product-miniature:hover .zoom.ybc_img_hover {
+  opacity: 1;
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -moz-transform: scale(1);
+  -o-transform: scale(1);
+  -webkit-transform: scale(1);
+}
+.ie8 .ybc_img_hover, .ie8 .product-box .ybc_img_hover {
+    position: absolute;
+    top: 0px;
+    z-index: -1;
+    opacity: 0;
+}
+.ie8 .product-container:hover .ybc_img_hover,
+.ie8 .product-box:hover img.ybc_img_hover {
+    z-index: 0;
+}
+/*----------------------end of zoom effect------------*/
+/*----------------------fede effect-------------------*/
+.product-miniature .fade:nth-child(2),
+.product-miniature .fade.ybc_img_hover{
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.product-miniature:hover .fade:nth-child(2),
+.product-miniature:hover .fade.ybc_img_hover {
+  opacity: 1;
+}
+/*----------------------end of fade effect-------------*/
+
+/*-----------vertical_scrolling bottom to top effect-------------------*/
+.product-miniature .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-miniature .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  position: absolute;
+  top:110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.product-miniature:hover .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-miniature:hover .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------vertical_scrolling top to bottom effect-------------------*/
+.product-miniature .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-miniature .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  position: absolute;
+  top:-110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.product-miniature:hover .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-miniature:hover .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling left to right effect-------------------*/
+.product-miniature .horizontal_scrolling_left_to_right:nth-child(2),
+.product-miniature .horizontal_scrolling_left_to_right.ybc_img_hover {
+  position: absolute;
+  top:0;
+  left:-100%;
+  transition:left 0.5s ease 0s;
+  -moz-transition: left 0.5s ease 0s;
+  -webkit-transition: left 0.5s ease 0s;
+  -o-transition:left 0.5s ease 0s;
+}
+.product-miniature:hover .horizontal_scrolling_left_to_right:nth-child(2),
+.product-miniature:hover .horizontal_scrolling_left_to_right.ybc_img_hover {
+  left:0;
+}
+/*------------end of horizontal_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling right to left effect-------------------*/
+.product-box .product-image {
+  overflow: hidden;
+  position: relative;
+}
+.product-miniature .horizontal_scrolling_right_to_left:nth-child(2),
+.product-miniature .horizontal_scrolling_right_to_left.ybc_img_hover{
+  position: absolute;
+  top:0;
+  right:-100%;
+  transition:right 0.5s ease 0s;
+  -moz-transition:right 0.5s ease 0s;
+  -webkit-transition:right 0.5s ease 0s;
+  -o-transition:right 0.5s ease 0s;
+  left: auto;
+}
+.product-miniature:hover .horizontal_scrolling_right_to_left:nth-child(2),
+.product-miniature:hover .horizontal_scrolling_right_to_left.ybc_img_hover {
+  right:0;
+}
+
+
+
+/*accessories product*/
+.product-image.product_image {
+  border: medium none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+.product-box .product_desc {
+  border: 1px solid #D6D4D4;
+  padding: 5px;
+}
+/**/

modules/ybc_productimagehover/views/css/index.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Copyright YourBestCode.com
+ * Email: support@yourbestcode.com
+ * First created: 21/12/2015
+ * Last updated: NOT YET
+*/
+
+				    	
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+						
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+						
+header("Location: ../");
+exit;

modules/ybc_productimagehover/views/css/productimagehover.css

@@ -0,0 +1,228 @@
+.product_img_link {
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+.ybc_img_hover {
+  width: 100%;
+  float: left;
+}
+ul.product_list.grid > li .product-container .product-image-container {
+  border: 1px solid #d6d4d4;
+  margin-bottom: 13px;
+  padding: 9px;
+  position: relative;
+  overflow: hidden;
+}
+/*----------------------zoom effect------------*/
+.product-image-container .zoom:nth-child(2),
+.product-box .product-image .zoom:nth-child(2),
+.product-image-container .zoom.ybc_img_hover,
+.product-box .product-image .zoom.ybc_img_hover {
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transform: scale(0);
+  -moz-transform: scale(0);
+  -o-transform: scale(0);
+  -ms-transform: scale(0);
+  -webkit-transform: scale(0);
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .zoom:nth-child(2),
+.product-box:hover .product-image .zoom:nth-child(2),
+.product-box:hover .product-image .zoom.ybc_img_hover,
+.product-container:hover .product-image-container .zoom.ybc_img_hover {
+  opacity: 1;
+  transform: scale(1);
+  -ms-transform: scale(1);
+  -moz-transform: scale(1);
+  -o-transform: scale(1);
+  -webkit-transform: scale(1);
+}
+.ie8 .ybc_img_hover, .ie8 .product-box .ybc_img_hover {
+    position: absolute;
+    top: 0px;
+    z-index: -1;
+    opacity: 0;
+}
+.ie8 .product-container:hover .ybc_img_hover,
+.ie8 .product-box:hover img.ybc_img_hover {
+    z-index: 0;
+}
+/*----------------------end of zoom effect------------*/
+/*----------------------fede effect-------------------*/
+.product-image-container .fade:nth-child(2),
+.product-box .product-image .fade:nth-child(2),
+.product-image-container .fade.ybc_img_hover,
+.product-box .product-image .fade.ybc_img_hover {
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transition: all 0.5s ease 0s;
+  -moz-transition: all 0.5s ease 0s;
+  -webkit-transition: all 0.5s ease 0s;
+  -o-transition: all 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .fade:nth-child(2),
+.product-box:hover .product-image .fade:nth-child(2),
+.product-box:hover .product-image .fade.ybc_img_hover,
+.product-container:hover .product-image-container .fade.ybc_img_hover {
+  opacity: 1;
+}
+/*----------------------end of fade effect-------------*/
+
+/*-----------vertical_scrolling bottom to top effect-------------------*/
+.product-image-container .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box .product-image .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-image-container .vertical_scrolling_bottom_to_top.ybc_img_hover,
+.product-box .product-image .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  position: absolute;
+  top:110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_bottom_to_top:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_bottom_to_top.ybc_img_hover,
+.product-container:hover .product-image-container .vertical_scrolling_bottom_to_top.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------vertical_scrolling top to bottom effect-------------------*/
+.product-image-container .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box .product-image .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-image-container .vertical_scrolling_top_to_bottom.ybc_img_hover,
+.product-box .product-image .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  position: absolute;
+  top:-110%;
+  left: 0;
+  transition:top 0.5s ease 0s;
+  -moz-transition: top 0.5s ease 0s;
+  -webkit-transition: top 0.5s ease 0s;
+  -o-transition:top 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_top_to_bottom:nth-child(2),
+.product-box:hover .product-image .vertical_scrolling_top_to_bottom.ybc_img_hover,
+.product-container:hover .product-image-container .vertical_scrolling_top_to_bottom.ybc_img_hover {
+  top:0;
+}
+/*------------end of vertical_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling left to right effect-------------------*/
+.product-image-container .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box .product-image .horizontal_scrolling_left_to_right:nth-child(2),
+.product-image-container .horizontal_scrolling_left_to_right.ybc_img_hover,
+.product-box .product-image .horizontal_scrolling_left_to_right.ybc_img_hover {
+  position: absolute;
+  top:0;
+  left:-100%;
+  transition:left 0.5s ease 0s;
+  -moz-transition: left 0.5s ease 0s;
+  -webkit-transition: left 0.5s ease 0s;
+  -o-transition:left 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_left_to_right:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_left_to_right.ybc_img_hover,
+.product-container:hover .product-image-container .horizontal_scrolling_left_to_right.ybc_img_hover {
+  left:0;
+}
+/*------------end of horizontal_scrolling effect-------------*/
+
+/*-----------horizontal_scrolling right to left effect-------------------*/
+.product-box .product-image {
+  overflow: hidden;
+  position: relative;
+}
+.product-image-container .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box .product-image .horizontal_scrolling_right_to_left:nth-child(2),
+.product-image-container .horizontal_scrolling_right_to_left.ybc_img_hover,
+.product-box .product-image .horizontal_scrolling_right_to_left.ybc_img_hover {
+  position: absolute;
+  top:0;
+  right:-100%;
+  transition:right 0.5s ease 0s;
+  -moz-transition:right 0.5s ease 0s;
+  -webkit-transition:right 0.5s ease 0s;
+  -o-transition:right 0.5s ease 0s;
+}
+.product-container:hover .product-image-container .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_right_to_left:nth-child(2),
+.product-box:hover .product-image .horizontal_scrolling_right_to_left.ybc_img_hover,
+.product-container:hover .product-image-container .horizontal_scrolling_right_to_left.ybc_img_hover {
+  right:0;
+}
+
+
+
+/*accessories product*/
+.product-image.product_image {
+  border: medium none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+.product-box .product_desc {
+  border: 1px solid #D6D4D4;
+  padding: 5px;
+}
+/**/
+/*------------end of horizontal_scrolling effect-------------*/
+/*
+.product_img_link img
+{
+     -webkit-transform: perspective(600px) rotatey( 0deg );
+    -o-transform: perspective(600px) rotatey( 0deg );
+    transform: perspective(600px) rotatey( 0deg );    
+    -webkit-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: -webkit-transform 0.5s linear 0s;
+    transition: -o-transform 0.5s linear 0s;
+    transition: transform 0.5s linear 0s;
+}
+
+.product_img_link > .flip3d.ybc_img_hover{  
+    position: absolute;
+    top: 0;
+    left: 0;
+    -webkit-transform: perspective(600px) rotatey( 180deg );
+    -o-transform: perspective(600px) rotatey( 180deg );
+    transform: perspective(600px) rotatey( 180deg );
+    -webkit-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: -webkit-transform 0.5s linear 0s; 
+    transition: -o-transform 0.5s linear 0s;
+    transition: transform 0.5s linear 0s;            
+}
+.product-container:hover .product-image-container img:nth-child(2),
+.product-box:hover .product-image .img:nth-child(2),
+.product-box:hover .product-image .img.ybc_img_hover,
+.product-container:hover .product-image-container .img.ybc_img_hover
+{
+     -webkit-transform: perspective(600px) rotatey( -180deg ); 
+     -o-transform: perspective(600px) rotatey( -180deg );
+     transform: perspective(600px) rotatey( -180deg );            
+}
+.product-container:hover .product-image-container .flip3d:nth-child(2),
+.product-box:hover .product-image .flip3d:nth-child(2),
+.product-box:hover .product-image .flip3d.ybc_img_hover,
+.product-container:hover .product-image-container .flip3d.ybc_img_hover
+{
+     -webkit-transform: perspective(600px) rotatey( 0deg );
+     -o-transform: perspective(600px) rotatey( 0deg );
+     transform: perspective(600px) rotatey( 0deg );            
+}
+
+*/