.smallfont{font-size: 14px;color:#666}
.product-img{width:640px;margin:0 auto;}
@media only screen and (max-width:760px) { 
 	.product-img{width:100%;margin:0 auto;}
}  
@media only screen and (min-width:990px)  { 
 	.product-img{width:500px;margin:0 auto;}
}  

@media only screen and (min-width:1366px) { 
 	.product-img{width:640px;margin:0 auto;}
}  
.product-img .product-mainImg{
	width:auto;
	padding: 10px;
}  
.product-img .product-mainImg img{width:100%} 
.product-img .product-detailImg{margin:0 auto; padding:0 5px;}

.product-img   .product-card .itemViewImg {display:flex;padding:1px;justify-content: center;align-items: center;border: 1px solid #f1f1f1}
.product-img   .product-card .itemViewImg-hover{border: 2px solid #ffaa00;border-radius: 5px;}
.product-img   .product-card .itemViewImg img {width: 100%;height:auto; border-radius: 3px;vertical-align: middle;cursor: pointer;}

@media only screen and (max-width:375px){ 
 	.product-img   .product-card {width:80px;height:80px;float:left;margin:1px 1px 2px 2px;}
}  
@media only screen and (min-width:390px){	
 	.product-img   .product-card {width:82px;height:82px;float:left;margin:2px 3px 3px 2px;}
}  
@media only screen and (min-width:414px){
 	.product-img   .product-card {width:88px;height:88px;float:left;margin:2px 3px 3px 2px;}
}  

@media only screen and (min-width:430px){
 	.product-img   .product-card {width:91px;height:91px;float:left;margin:3px 3px 3px 3px;}
}

@media only screen and (min-width:768px){
 	.product-img   .product-card {width:99px;height:99px;float:left;margin:3px 3px 3px 3px;}
}

@media only screen and (min-width:820px){
 	.product-img   .product-card {width:99px;height:99px;float:left;margin:3px 3px 3px 3px;}
}

@media only screen and (min-width:1024px){
 	.product-img   .product-card {width:91px;height:91px;float:left;margin:3px 3px 3px 3px;}
}

@media only screen and (min-width:1180px){
 	.product-img   .product-card {width:115px;height:115px;float:left;margin:3px 3px 3px 3px;}
}

@media only screen and (min-width:1366px){
 	.product-img   .product-card {width:110px;height:110px;float:left;margin:3px 3px 3px 3px;}
}

@media only screen and (min-width:1400px){
 	.product-img   .product-card {width:120px;height:120px;float:left;margin:3px 3px 3px 3px;}
}
.product-info{padding:10px 10px 10px 20px}
.product-info .smallfont{font-size: 14px;color:#666}
.product-info h2{font-size: 1.2em;} 
.product-info .product-rate .layui-rate{padding:3px 0!important} 
.product-info .itemRow{padding:5px 0;}
.product-info .price{color: #ff5500;font-size: 18px;font-weight: bold;}
.product-info .shipping_cost{color: #000;font-weight: bold;margin-left: 10px;}
.product-info .total_cost{color: #000;font-size: 22px;font-weight: bold;margin-left: 10px;}
.product-info .shippingInfo{font-size: 14px;}
.product-info .shippingInfo strong{color: #ff5500;}
.product-info .collectBtnActive{color: #ff5500;}
.product-info .ProtectionID{cursor: pointer;}
.product-info .Protection{margin: 5px 0;}
.product-info .Protection i{margin: 5px 5px 5px 10px;font-weight: bold;}

.product-info .colorSelect, .product-info .sizeSelect{
	display: flex;
	flex-wrap: wrap;	 
}
.product-info .colorSelect li{border:1px solid #ccc;padding:3px 15px; margin: 3px 3px; border-radius: 5px;font-size: 16px;color:#666;cursor: pointer;}
.product-info .colorSelect .selected{border:1px solid #ff5500;background: #ff5500;color:#fff} 

.product-info .sizeSelect li{border:1px solid #ccc;padding:3px 15px; margin: 3px 3px; border-radius: 5px;font-size: 16px;color:#666;cursor: pointer;}
.product-info .sizeSelect .selected{border:1px solid #ff5500;background: #ff5500;color:#fff} 
.product-info .attribute{font-size: 14px;color:#888;}
.product-info .attribute .attr-name{padding: 2px 0;font-weight: bold;}
.product-info .attribute .attr-value{padding: 2px 0;font-weight: bold;}
 

.product-item {position:relative;background: white; padding: 8px; margin-bottom: 10px;     border-radius: 5px;    border:1px solid #fff;}
.product-item .itemImg{display: flex;height: 235px;justify-content: center;align-items: center; }
.product-item .itemTitle{margin:10px 5px; height: 44px;line-height: 22px;overflow: hidden;display: flex;align-items: baseline;}
.product-item .itemTitle h3 {margin: 0 0 8px 0;font-size: 16px;font-weight: 600;color:#444}
.product-item .itemPrice{color: #333;font-size: 14px;text-align: left;}
.product-item .itemPrice strong{font-size:14px}
.product-item .itemImg img {width: 100%;height: auto; margin: 15px auto;border-radius: 3px;}
.product-item .collectBtn{display:flex;}
.product-item:hover{
	border:1px solid #f1f1f1;
	box-shadow: 1px 1px 5px rgba(139, 139, 139, 0.2);
	.collectBtn{display:flex}
}
@media only screen and (min-width:505px) and (max-width:760px) { 
  
	.product-item .itemImg{display: flex;height: 180px;justify-content: center;align-items: center; }
	.product-item .itemImg img { width: 100%; height:auto; }
}  
@media only screen and (max-width:760px) {
 
	.product-item .itemImg{display: flex;height: 160px;justify-content: center;align-items: center; }
	.product-item .itemImg img { width: 100%; }
}  
.product-item .p-status{font-size: 12px;text-align: center;padding: 5px 0;}
.product-item .customized strong{ padding: 0 10px;border-radius: 15px;}
.product-item .instock strong{color: #fff;background: #f00;padding: 0 10px;border-radius: 15px;}
.product-item .itemStar{text-align: center;font-size:14px}
.product-item .itemStar i{color: #ffcd17;}

.collectBtnUnActive{
	position:absolute;
	top:10px;
	right:15px;
	background:#fff;	
	border:1px solid #f1f1f1;
	width:30px;
	height:30px;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.collectBtnUnActive:hover{
	box-shadow: 1px 1px 5px rgba(83, 83, 83, 0.5);background:#cecece;border:1px solid #cecece;color:#fff;
	a{color:#fff}
}
.collectBtnActive{
	position:absolute;
	top:10px;
	right:15px; 
	width:30px;
	height:30px;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 1px 1px 5px rgba(83, 83, 83, 0.5);background:#ff5500;border:1px solid #ff5500;color:#fff;
	a{color:#fff}
}
.product-item .collectBtn i{font-size: 20px;cursor: pointer;}
 
@media only screen and (min-width:505px) and (max-width:760px) {
 
 	.product-item .itemImg img { width: auto; height:200px; }
}  
 
.QualityTxt{display: flex;justify-content: space-around;}
.QualityTxt strong{color:#666}
.dropdown-list{display: block;padding:5px;overflow: hidden;}
.dropdown-list li{padding:3px 10px;font-size: 14px;font-weight: bold;cursor: pointer;}
.dropdown-list li:hover{background:#f1f1f1}

.reviewDiv{
	position:relative;
	height:400px;	 
	overflow: hidden;
}
.reviewFade{	 
	width: 100%;
	height: 200px;
	text-align: center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	background: linear-gradient(to top, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0));
} 
.seeMoreReveiws{	 
	background:#fff;padding:10px 30px;border: 1px solid #333;border-radius: 30px;font-weight:bold;margin: 150px auto 0 auto;cursor: pointer;
}

.layui-laypage-custom-page .layui-laypage-curr .layui-laypage-em{background:#333}
.layui-laypage-custom-page a{color: #333;font-size: 14px;font-weight: bold;}
.layui-laypage-custom-page a:hover{color: #333;}
 