@charset "utf-8";

.wapper{width:840px;height:270px;background-color:#f7f7f7;margin:0 auto;overflow:hidden;} 
		
.wapper ul{list-style-type:none;margin:30px 0px 0px 0px;padding:0px;}		

.wapper li{float:left;margin-left:30px;width:240px;height:300px;background-color:#fff;color:#fff;text-align:center;display:inline-block;}

.wapper li .pic{margin:10px 0px 10px 0px;}
.wapper li .title{margin:0 10px 2px}
.wapper li .title a{color:#6bb0ec;font-size:16px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1; line-height:200%;font-weight:bold;}
.wapper li .desc a{margin:0 10px 0px 10px;height:80px;font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1;color:#666666;line-height:150%;}	
.wapper li .price{margin:0 10px 0px 14px;color:#ff6700;}	
		
.wapper li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.wapper li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}