.product-image-container{
	float: left;
}

.product-thumbs{
	overflow: hidden;
	margin: 0 -2px;
}

.product-thumb {
	display: inline-block;
	margin: 4px 2px;	
}

.product-thumb a{
	border: 1px solid #e7e7e6;
	display: block;
}

.product-thumb a.active,
.product-thumb a:hover{
	border: 1px solid #000;
}
.products-grid .product-thumbs {overflow: hidden; display: none; margin-bottom: 10px;}
.product-thumbs img {max-width: 100%;}
.products-grid li.item.hovered  .product-thumbs {
	display: inline-block; 	
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: zoomIn;
    -webkit-animation-name:zoomIn;
}
.products-grid li.item  .product-thumbs li {display: inline-block;}
.product-thumbs li {display: block; margin-bottom: 4px;}
.products-list .product-thumbs {float: left; margin-right: 15px;}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.products-grid .product-thumb a {width: 30px;}
	.products-grid .product-thumbs {display: inline-block;}
}
@media only screen and (max-width: 767px) { 
	.products-grid .product-thumbs {
		float: left;
		position: relative;
		display: block;
		margin-right: 15px;
	}
	.products-grid li.item .product-thumbs li {display: block;}
	.products-grid li.item .product-thumbs li a {width: 30px;} 

	.products-grid li.item.free .product-thumbs {float: none; margin-right: 0; text-align: center;}
	.products-grid li.item.free .product-thumbs li {display: inline-block;}
}
@media only screen and (max-width: 481px)  {
	.product-thumb a img {width: 24px; height: auto;}
	.products-list .product-thumbs {font-weight: normal; clear: left; margin-right: 0;}
	.products-list .product-thumbs li {display: inline-block;}
	.products-list .product-thumb a img {width: 30px;}

}