.best-title{min-height: 58px;padding-top:20px;}

.slider-items-products{ background:#FFF; margin-top:20px; float:left; width:100%; position:relative; z-index:1; max-height:358px; overflow:hidden; border-radius:5px}
.owl-item{ position:relative;margin-bottom: 20px; width:207px; float:left;height:302px;}
.owl-item img{display: block;max-width: 160px;height:222px; float:left; margin-right:6px;border-radius:5px}
.owl-item em{background:#eecc5f;color:#000;left:15px;position: absolute;top: 0px;text-align:center;padding: 0px 5px;border-top-left-radius: 5px;}

.matter{font-size:12px;color:#000000;margin:3px;font-weight:bold;}
.web-money{font-size:14px;color:#ef7c00;margin-top:3px;}
.web-money .price{font-size:12px; color:#c4c4c4;text-decoration:line-through;}
.matter .plusprice{background: url(../../image/user/plus_pro.png) no-repeat 0px 3px;padding-left: 50px;color: #000;display: none;}
.matter p{line-height:17px}
.owl-item .actions-links {background:#00000036;border-radius: 5px;height: 222px;left:15px;opacity: 0;overflow: hidden;position: absolute;top: 0;width:160px;z-index: 1000;transition: all 0.3s linear 0s; display:none\0;}
.owl-item:hover .actions-links {background:#00000036;opacity:1;transition: all 0.3s linear 0s; display:block\0;}
.web-system{color:#20a5db;position:absolute;top:15px;right:6px;}
.web-system img{height:18px; border-radius:0px}
.web-system a{color:#20a5db}
.web-collect{ width:100%; float:left;padding-top: 22px;}
.web-collect a:hover{ text-decoration:none;}
.web-collect .glyphicon-shopping-cart{ font-size:14px; color:#000; background:#fff; padding:8px;position: absolute;right: 4px; top:60px; border-radius:3px;opacity:0;transition: all 0.3s linear 0s; cursor:pointer; opacity:0.8;z-index: 1;}
.web-collect .glyphicon-shopping-cart:hover{ opacity:1;color: green;}
.web-collect .pitch:hover{ opacity:1;}
.web-collect .pitch:before{content: "\e013";}

.web-collect .glyphicon-heart{ font-size:14px; color:#000; padding:7px; border-radius:3px;position: absolute;right:4px;top:60px;opacity:0.8;transition: all 0.3s linear 0s;z-index: 1;}

.web-repertory{border-bottom: 1px solid #504f4d;border-top: 1px solid #504f4d;color: #c5c5c5;font-size: 14px;padding: 10px 5px;text-align: center;width: 160px;position: absolute;left:0px;bottom:73px;}

.web-ico-right {border-radius: 3px;cursor: pointer;float: right;color: #fff; margin-top:0px;border: 1px solid #fff;background: #fff; opacity:0.8}
.web-ico-right:hover {color: red;text-decoration: none; opacity:1}
.web-collect .active, .web-collect .active:hover {color: red;text-decoration: none;}
.web-collect .active:before{content: "\e013";}
.web-repertory b{color:#d9b804;}
.web-h-y{color: #000000;margin: 15px 10px 0;width: 139px;padding:6px 0;}
.web-h-y:hover{color: #000000;}
.actions-links .btn{position:absolute;bottom:0px;left:0px;transition: all 0.3s linear 0s;opacity:0.4}
.owl-item:hover  .actions-links .btn{bottom:20px;opacity:0.9}
.owl-item:hover  .actions-links .btn:hover{opacity:1}

/*owl-ite*/
.owl-item .riming{position:absolute;top:165px;left:3px;width:100%}
.owl-item .riming ul{width:140px;margin:auto}
.owl-item .riming li{background:#0067b8;width:30px;font-weight:bold;height: 30px;border-radius: 30px;line-height: 30px;text-align: center;}
.owl-item .riming .st_text li{ background:none;width:30px;height: 30px;}
.owl-item .riming_text{position:absolute;top:190px;left:3px;width:100%}
.owl-item .riming_text ul{width:140px;margin:auto}
.owl-item .riming_text li{font-size:10px;color:#fff;text-align: center;width:30px;text-transform:capitalize;}



.web-repertory{border-bottom: 1px solid #504f4d;border-top: 1px solid #504f4d;color: #c5c5c5;font-size: 14px;padding: 10px 5px;text-align: center;width: 160px;position: absolute;left:0px;bottom:73px;}
.web-repertory b{color:#d9b804;}
.web-h-y{color: #fff;margin:0;width:100%;height: 100%; padding:0;}
.web-h-y:hover{color: #000;}
.actions-links .btn{position:absolute;bottom:0px;left:0px;transition: all 0.3s linear 0s;background: none;}
.owl-item:hover  .actions-links .btn{bottom:0px;opacity:1}
.owl-item:hover  .actions-links .btn:hover{opacity:1}
.owl-item:hover .actions-links .glyphicon-shopping-cart{right: 4px;top: 5px;left: inherit;}
.owl-item:hover .actions-links .glyphicon-heart{right:4px;top: 40px;}

.owl-controls {margin-top: 10px;text-align: center;}
.owl-buttons {opacity: 1;}
.owl-controls .owl-page, .owl-controls .owl-buttons div {cursor: pointer;}
.slider-items-products .owl-buttons .owl-prev {position: absolute;right:80px;top:20px;}
.owl-theme .owl-controls .owl-buttons div {color: #FFF;display: inline-block;zoom: 1;margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);opacity: 0.5;}
.slider-items-products .owl-buttons .owl-next {position: absolute;right:40px;top:20px;}
.slider-items-products .owl-buttons a {background: #fff;display: block;height: 28px;margin:0;position: absolute;top: 50%;width: 28px;z-index: 5;border: 1px solid #999;color: #000;line-height: 28px;}


/*product*/
.best-title i{color:#666}
.web-n-items{max-height:none;overflow:inherit;margin-top:0px;margin-bottom:20px;}
.web-n-more{width:100%;float:left;text-align:center; font-size:16px; color:#454545;  font-weight:bold;position:relative}
.web-n-more a{transition: all 0.3s linear 0s;height:61px;display:block;color:#666;float:left;background:#eee;font-size:16px;width:100%; padding:20px 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.web-n-more a:hover{background:#FED700; text-decoration:none;color:#000}
.web-n-items .loader-inner{height:61px;background:#FED700;border-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.web-n-items .ball-clip-rotate{width:50px;height:50px;}
.web-n-items .ball-clip-rotate > i{background-color:#000;width:100%;height:width:100%;border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #000;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite;}

/*product-subtab*/
.product-subtab{position:absolute; top:0px; right:0px;}
.product-subtab li{ float:left; border:1px solid #c8c8c8; border-radius:10px; padding:5px 10px; min-width:105px; margin:20px 20px 0 0px; text-align:center; cursor:pointer}
.product-subtab li.hover,.product-subtab li:hover{ background:#F78C29;border:1px solid #F78C29;color: #fff;}
.product-subtab .pr-title{ float:left;margin:28px 20px 0 0px;}
@media (max-width:1119px){
.owl-item{margin:0px 0 20px 0;padding-right:0px; width:187px}
.user-collect-r .owl-item{margin: 0 10px 20px;width: 177px;}

}
@media (max-width:999px){
.owl-item{margin: 0 25px 20px 25px;}
.user-collect-r .owl-item{margin: 0 23px 20px;width: 177px;}
}
@media (max-width:760px){
.owl-item{margin: 0 82px 20px 82px;}
.product-subtab{ position:relative; float:left; margin-left:20px;}
.product-subtab li{margin:0px 5px 0 0px;}
.product-subtab .pr-title{margin:8px 20px 0 0px;}
}

@media screen and (max-width:416px){
.owl-item{ float:none; margin:0 auto 20px auto}
.product-subtab li{margin:5px 5px 0 0px;padding:5px;min-width:80px; }
.product-subtab .pr-title{margin:14px 20px 0 0px;}
}