.product{width: 90%; margin:auto; margin-bottom: 20px; overflow: hidden;}
.product ul li{float: left; margin: 10px 7px 10px 25px;    max-width: 1282px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:30%;
}
.product ul li a:hover{color: #333;}
.product ul li  a h2:hover{color: #333;}
.product ul li a img{width: 100%; border: 1px solid #9E9E9E; } 



@media screen and (max-width: 1100px) {
 .product ul li	{width:47%; margin: 5px 10px;}
}

@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 900px) {
	

}

@media screen and (max-width: 780px) {
	
	.product ul li	{width:47%; margin: 5px;}
	 
	 
}
@media screen and (max-width: 480px) {.product ul li	{width:47%; margin: 2px;}}