.col1-layout{ border-radius:4px;}
.main-container{ position:relative; z-index:1;float: left;width: 100%;}
.product-img-box{ padding-left:0px;padding-right: 0px}
.web-page-header{border-bottom:none;margin:0;padding-bottom:0; height:119px;}
.web-page-header .web-headline{ color:#FFF; padding:20px 15px; font-size:12px}
.web-font27{font-size:27px; padding-bottom:5px;}
.web-page-header .web-headline .web-pitch-on{ background:#ce9e01; padding:2px 8px; border-radius:3px;}
.web-page-header .web-headline a{ color:#FFF; cursor:pointer}

.row{ margin:0 0 20px 0;float: left; width:100%}
.web-product-img{padding:0 20px 0 0;}
.product-name{clear: both;width: 100%; position:relative;}
.web-entry-title{font-size:24px; color:#333; float:left;padding-right: 26px;line-height: 25px;}
.web-ico-right{float:right;margin-top:5px; padding:5px; border-radius:3px; cursor:pointer;color: #333;border: 1px solid #f75263;background: #f75263;}
.web-ico-right:hover{ text-decoration:none;color: #333;text-decoration: none; opacity:0.8}
.product-name .active,
.product-name .active:hover{ text-decoration:none;}
.product-name .active:before{content: "\e013";}

.h_q {font-size: 12px;height: 45px;overflow: hidden;}
.warper_dt {color: #666;line-height: 22px;line-height: 20px;margin-top: 8px;display: none;}
.warper_dt a{color: #333;}

.warper_more {color:#6e86d0;cursor: pointer;display: none;float: right;padding-right: 15px; font-size:12px}
.warper_more .glyphicon-triangle-bottom{ top:2px}

.web-price{background:#fff1f1;margin-top:10px; border-radius:3px;min-height: 90px;margin-left: 215px;position: relative;}
.web-price .tooltip{display: block;left: 66px;display: block;top: -25px;}
.web-price .tooltip .tooltip-arrow{left: 70px;border-top-color: #d78052;}
.web-price .tooltip .tooltip-inner{max-width: 482px;background-color: #fff;border:1px solid #d78052;color:#d15412}
@media screen and (max-width:778px){
.web-price .tooltip{display: none;}
}

.web-price-title{font-size:16px;  float:left; padding:27px 12px 0px 13px;}
.price-box{float:left; position:relative}
.price-box p{float:left;}
.old-price .price{color:#666 !important;font-size:12px;font-weight: bold;margin-left: 6px; margin-right:10px;text-decoration: line-through;}
.special-price .price{color:#f60;font-size:32px; font-weight:bold;padding-right:12px;}
.old-price{padding-top:27px; float:left}
.special-price{padding-top:10px; float:left;line-height: 44px;}
.web-price .plusprice{ font-size: 14px;float:left;height: 32px;margin-left:67px;font-weight: bold;background: url(../../image/user/plus_pro.png) no-repeat 0px 3px;padding-left: 50px;color: #000;display:none}
.web-save {position: absolute;left: -70px;top: 8px;z-index: 1111;}
.web-price .open_pm{display: none; opacity: 0.8;float:left;margin-left:10px;background:#6083c4;color:#fff;padding:0px 5px;border-radius: 3px;}
.web-price .open_pm:hover{opacity: 1}
.web-save em{background:#E45E5F;text-align: center; font-size: 14px; color: #fff;height: 40px;text-transform: capitalize;line-height: 40px;display: inline-block; padding: 0 3px;padding-right: 3px; padding-right: 7px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-radius: 40px;width: 40px;}
.web-save .arrow-left {display:none;width: 0px;height: 0px;border-bottom: 15px solid transparent;border-right: 12px solid #f66a78;border-top: 15px solid transparent;font-size: 0px;line-height: 0px; float:left;}
.web-price-right{border-left:1px solid #999;margin: 5px 0;padding: 3px 10px;color:#999; position:absolute;right:0px;display: none;}
.web-price-right b{ float:left; color:#117e1b; width:100%}
.web-price-right .moneytee a{color:#6e86d0;text-decoration: underline;}
.web-gradation{padding:0 0 20px; float:left; width:100%; border-bottom:1px solid #eeeeee; margin:0px;}
.web-gradation li{list-style: outside none none; float:left;margin-right:10px; height:38px; line-height:38px; text-align:center; margin-top:20px;}
.web-gradation li a{ background:url(../../image/gradation_ico.png) no-repeat; display:block;padding:0 10px 0 30px; text-align:center;border:1px solid #cdcdcd;border-radius:3px; }
.web-gradation li a.web-hover,.web-gradation li a:hover{background:url(../../image/gradation_ico_hover.png) no-repeat; color:#f7c51e;border:1px solid #f7c51e; }
.web-gradation li.web-gold a{background-position: 11px 10px;}
.web-gradation li.web-cdk a{background-position:-118px 10px;}
.web-gradation li.web-items a{background-position:-258px 10px;}
.web-gradation li.web-accounts a{background-position:-386px 10px;}
.web-gradation li.web-power a{background-position:-513px 10px;}

.matter p{-webkit-line-clamp: 1;}

.web-gradation li.web-gold a.web-hover{background:url(../../image/gradation_ico_hover.png) no-repeat 11px 10px;}
.web-gradation li.web-cdk a.web-hover{background:url(../../image/gradation_ico_hover.png) no-repeat -118px 10px;}
.web-gradation li.web-items a.web-hover{background:url(../../image/gradation_ico_hover.png) no-repeat -258px 10px;}
.web-gradation li.web-accounts a.web-hover{background:url(../../image/gradation_ico_hover.png) no-repeat -386px 10px;}
.web-gradation li.web-power a.web-hover{background:url(../../image/gradation_ico_hover.png) no-repeat -513px 10px;}

.web-gradation li a:hover{text-decoration:none;}
.product-essential{position: absolute;width: 200px;left:14px;}
.list-unstyled-t {padding-left:216px;}
.list-unstyled-t .list-unstyled{ line-height:26px;padding:10px;}
.list-unstyled-t .list-unstyled em b{ color:#02a911}
.list-unstyled-t .platform_img img{height:24px;margin-right:5px}

.web-quantity{float:left;padding:0px;}
.web-quantity li{list-style: outside none none; float:left; margin-right:10px; height:30px; line-height:30px; text-align:center;}
.web-quantity li a{display:block;text-align:center;border:1px solid #cdcdcd; border-radius:3px; padding:0 10px;}
.web-quantity li a.web-hover,.web-quantity li a:hover{ text-decoration:none; color:#f7c51e;border:1px solid #f7c51e;}

.list-unstyled b{float:left; width:95px;font-weight:var(--tinge);}
.list-unstyled strong{padding-top:3px;float:left; }
.list-unstyled em{padding-top:3px;}
.list-unstyled .available{padding-top:3px;float:left;color:#ffa66a;line-height:18px;font-weight:bold;max-width: 50%;}
.list-unstyled .available .tip{border-radius: 5px;background: #3e3e3e;color:#ffa66a;padding: 5px;margin-top: 10px;position: relative;border: 0px solid #fcc39e;}
.list-unstyled .available .arrow-up {width:0px; height:0px; border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #3e3e3e;font-size:0px; line-height:0px;position:absolute;top: -5px;left: 37px;}

.custom button.items-count{background-color:transparent;border:1px #aeaeae solid;color:#999;}
.custom button.items-count:hover{;background: transparent;color:#333}
.add-to-cart .qty,.qty-holder .qty{background: transparent;border:1px solid #aeaeae;border-radius:0px;font-size:15px;font-weight:bold}
.qty{height:30px;text-align:center;width:60px;vertical-align:top; float:left; border:1px solid #aeaeae;background: transparent;}
.qty-input-text{float:left;margin-left:10px}
.custom button.items-count{transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;font-size:12px;line-height:0px;padding:0px;height:30px;width:20px;text-align:center;float: left; font-weight:var(--tinge); }
.product-view .product-shop .add-to-box .add-to-cart label{display:inline-block;float:left;margin-top:6px;text-align:left;text-transform:capitalize;font-size:15px;font-weight:var(--tinge);margin-right:15px}
.product-view .product-shop .product-options-bottom .add-to-cart label{display:block;float:none;margin-bottom:5px;text-align:left;text-transform:capitalize}
.product-collateral{display:inline-block;width:100%;margin-bottom: 12px}
.product-collateral .bounceInUp{padding-left:0px;padding-right: 0px;}
.product-collateral .bounceInUp .best-title{padding-left:25px;padding-right:0px}
.prolistifo{border-left:1px dashed #ededed;padding-top:15px;min-height: 550px;}
.product-img-box {padding-top:10px;}
.product-view {box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background:#fff;border-radius: 3px;border-bottom: 15px;padding-left: 0px}
.product-view .pro_img{z-index:700;position:relative;}
.product-view  .wp-post-image{width:100%}
.product-view .pro_img .riming{position:absolute;bottom:40px;left:3px;width:100%;}
.product-view .pro_img .riming ul{width:205px;margin:auto}
.product-view .pro_img .riming li{background:#D4682E;width:40px;margin:0 4px;font-weight:bold;height: 40px;border-radius: 40px;line-height: 40px;text-align: center;}
.product-view .pro_img .riming .st_text li{ background:none;width:30px;height: 30px;}
.product-view .pro_img .riming_text{position:absolute;bottom:20px;left:3px;width:100%}
.product-view .pro_img .riming_text ul{width:205px;margin:auto}
.product-view .pro_img .riming_text li{font-size:10px;color:#fff;text-align: center;margin:0 4px;width:40px;text-transform:capitalize;}


#product-tabs{margin:0;padding:0;position:relative}
#product-tabs > dt{text-transform:none;font-size:14px;padding:8px 0px;cursor:pointer;color:#102343;text-transform:none}
#product-tabs > dt.open{position:relative;background-color:#fff;z-index:10;color:#2CA2E3}
#product-tabs > dd{display:none;right:0;top:0;background-color:#fff;margin:0;padding:6px 0;line-height:1.8;border-bottom-width:0 !important;font-size:14px}

.green{color:#02a911;}

.web-select{margin:0px;float:none;padding-left: 96px}
.region{position: relative;}
.region b{position: absolute;float:none;top: 8px;}
.web-select img{height:25px;margin-bottom: 5px;margin-right: 5px;border-radius: 3px;}
.web-select .form-control{box-shadow:0px; border:1px solid #cdcdcd; height:30px;}
.web-select .form-control li{list-style-type:none}
.web-select .form-control li a{ display:block;}
.web-select .form-control li:hover,.web-select .form-control li a:hover{ text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
.web-select .form-control li ul.dropdown-menu{ margin:0px; padding:0px;left: -11px;top: 23px;}
.input-sm option{padding: 5px 10px;}
.web-line{ background:#eee; width:100%; height:1px; float:left;margin: 20px 0px;}

.web-state{font-size:11px; color:#2b2b28; width:100%; float:left}
.web-video{text-align:center}
.web-video video{border-radius:8px;margin:auto}


.web-button{float:left; margin-top:0px;margin-bottom: 15px;}
.web-but-left{float:left;margin-right:15px;}

.web-but-green{ background:#198b67; width:170px; height:40px; font-size:18px;}
.web-but-yellowtop{height:40px; font-size:18px;cursor: pointer;line-height: 24px;padding: 6px 60px;background: #f60;}
.web-but-yellowtop:hover{background: #f60;}
.web-share{ padding-top:10px;}
.web-but-yellow {color: #fff;}
.breadcrumb{background: transparent;}
.product-tabs {background:#fff;margin:20px 0px 0;text-align: left;width: 100%;}
.nav-tabs{border:0px}
.nav-tabs.product-tabs > li {display: inline-block;float: none;padding:0px 12px;}
.nav-tabs.product-tabs > li > a {border: none;line-height: 1.42857143;background:#fff;padding:12px 0px 18px 0px; margin:0px;border-radius:0px; font-size:16px;text-transform:capitalize;}
.nav-tabs.product-tabs > li > a em{ color:#02a911;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: none;border-bottom:3px solid #f6c41c;color:#f6c41c;font-weight:bold;}
.nav-tabs > li > a:hover {border: none;border-bottom:3px solid #f6c41c;background: #fff;color: #f6c41c;margin:0px;}
.web-active {font-size: 14px;letter-spacing: 0.5px;line-height: 24px;padding:20px 20px 20px 25px;}
.web-active a{color:var(--theme)}
.gamenews .newcenter{height:38px; overflow:hidden; line-height:18px;padding-left:17px;opacity:0.5}
.gamenews li{padding:18px 0px;border-radius:5px;line-height:18px;transition: all 0.3s linear 0s;}
.gamenews li:hover{ background:#F1F1F1;}

.gamenews a{ font-weight:bold;color:#22916D; font-size:14px;}
.gamenews a:hover{text-decoration: underline;}
.gamenews i{ font-size:9px;color:#666;opacity:0.5}
.gamenews .text-time{font-size:10px;color:#666;padding-left:18px}


.recommend {margin:40px auto;position: relative;}
.recommend .controls .next {right: 0;}
.recommend .controls .prev {right: 36px;}
.slider-items-products .best-title{padding-left: 10px;border: 0px; padding-bottom: 24px;font-size: 16px; color: #333;background: transparent;}

.container .col-sm-4:last-child {padding-right: 0;}
.container .last-child {padding-right: 0;}
.slider-items-products{ position:relative; z-index:9; overflow:hidden; border-radius:5px}
.owl-item{ position:relative;margin-bottom: 20px;height: 104px;}
.owl-item img{display: block;max-width: 74px;height:auto; float:left; margin-right:6px;border-radius:5px}
.owl-item em{background:var(--theme);border-radius: 30px;color:#000;height:30px;left:60px;display: none;position: absolute;top: -9px;font-size: 12px;width: 30px; text-align:center; line-height:30px;}
.gm-left .web-but-yellow{font-size: 12px;font-weight: bold;background: #f60;}
.gm-left .web-but-yellow:hover{background: #f60;}
.matter{font-size:14px;color:#000000;margin:3px;font-weight:bold;padding-left: 85px;}
.web-money{font-size:14px;color:var(--theme);margin-top:3px;}

.web-money .price{font-size:12px; color:#c4c4c4;text-decoration:line-through;padding-left: 8px;}

.owl-item .actions-links {background:url(../../image/h_bg.png) repeat;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:url(../../image/h_bg.png) repeat;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:#FFF; background:#6DCCA4; padding:8px;position: absolute;left:0px;top:60px; border-radius:3px;opacity:0;transition: all 0.3s linear 0s; cursor:pointer; opacity:0.8}
.web-collect .glyphicon-shopping-cart:hover{ opacity:1}
.web-collect .pitch:hover{ opacity:1}
.web-collect .pitch:before{content: "\e013";}

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

.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;position: absolute;color: #fff; margin-top:0px;border: 1px solid #f75263;background: #f75263; opacity:0.8;right: -4px;}
.web-ico-right:hover {color: #fff;text-decoration: none; opacity:1}
.web-collect .active, .web-collect .active:hover {color: #fff;text-decoration: none;}
.web-collect .active:before{content: "\e013";}
.web-repertory b{color:#d9b804;}

.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-item:hover .actions-links .glyphicon-shopping-cart{left:40px}
.owl-item:hover .actions-links .glyphicon-heart{right:40px}




.web-repertory b{color:#d9b804;}
.web-h-y{margin-top:5px;}

.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-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;}

.slider-items-products .best-title{padding-left:10px;border: 0px;}


.web-outside{ margin-top:20px; padding-left:0px}
.gm-left{ padding-left:0px;padding-top:0px;}
.gm-m{ padding:0px;margin-top:15px;}
.gm-m .carousel-inner{border-radius: 6px;}
.gm-m  .carousel-inner > .item > a > img, .carousel-inner > .item > img{width:100%;height: 376px;}
.carousel-indicators li,
.carousel-indicators .active{width: 15px;height: 15px}
.carousel-indicators .active {background: #58d5ad;border:1px solid #58d5ad;}


.web-data{background:#FFF; float:left; width:100%; border-radius:3px}
.container_l_div{border-bottom: 1px solid #f5f5f5;float: left;height: 78px;margin:0 5% 15px 5%;width: 90%;}
.container_l_img{width:48px; float:left; padding-right:8px;padding-top:8px}
.container_l_img img{ width:40px;border-radius:4px;}
.container_l_dl{ margin-left:45px; font-family:"Arial"; position:relative}
.container_l_dl dd{ color:#227e44}
.container_l_dl .dt1{ color:#2c2c2c; height:32px; overflow:hidden; font-weight:var(--tinge); font-size:12px; line-height:15px;}
.container_l_dl .dt1 em{ background:#60b208;border-radius:5px; padding:2px 6px; font-size:10px; color:#FFF; margin-left:5px}
.container_l_dl .dt2{ font-size:10px; color:#797979;font-weight:var(--tinge);padding-left:3px}
.container_l_dl .dt2 em{ float:right; color:#ff6600; font-size:12px;position: absolute;right: 0;top: 0;font-weight:var(--tinge)}

.web-pa{ padding:10px;}
.web-payment{position:relative; z-index:9;}
.web-payment b{background:#FFF; width:100%; display:block; margin:20px 0;border-radius:5px}
.web-payment b img{ padding:16px 17px;width: 100%;}
.web-pa img{ height:405px; width:100%}
.fb_m{height:405px}




.new_title.center{height:60px;text-align:center}
.new_title h2{color:#252525;display:inline-block;font-family:DIN,Helvetica,Arial,sans-serif;font-size:24px;font-weight:bold;letter-spacing:var(--tinge);margin-top:0;position:relative;text-transform:capitalize;}
.label{color:#333;display:inline-block;text-align:left;font-size:12px;white-space:var(--tinge)}
.featured_title.center{height:41px}
.featured_title h2{color:#fff;display:inline-block;font-family:DIN,Helvetica,Arial,sans-serif;font-size:30px;font-weight:bold;letter-spacing:var(--tinge);margin-top:0;padding:0px 20px 10px 0px;position:relative;text-transform:capitalize}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left;width:202px;-webkit-box-shadow: 3px 3px 10px #e5e5e5;box-shadow: 3px 3px 10px #e5e5e5; border-radius:4px; border:1px solid #e5e5e5;margin:10px;}
.col-item{position:relative;float: left;}
.col-item:hover{ background:#f6f6f6;}
.col-item .photo img{margin:0 auto;width:100%}
.col-item .info{margin-top:1px;text-align:center;}
.col-item:hover .info{background-color:#fff}
.clear-left{clear:left}
.col-item .separator p{line-height:20px;margin-bottom:0;margin-top:10px;text-align:center}
.col-item .separator p i{margin-right:5px}
.col-item .btn-add{width:50%;float:left}
.col-item .btn-add{border-right:1px solid #E1E1E1}
.col-item .btn-details{width:50%;float:left;padding-left:10px}
.controls{margin-top:0px}
[data-slide="prev"]{margin-right:10px}
.product-image-area{ max-height:270px;}
.product-image-area a img{ width:100%;}
.col-item .actions-links{height:50px;position:absolute;width:100%;opacity:0;z-index:1000;overflow:hidden}
.col-item:hover .actions-links{height:30px;position:absolute;top:30%;width:60%;opacity:0.9;z-index:10000}
.col-item .actions-links .add-to-links a.magik-btn-quickview{left:120%;opacity:0;position:absolute;margin-top:4px;z-index:10;cursor:pointer}
.col-item:hover .actions-links .add-to-links a.magik-btn-quickview{left:0%;opacity:0.9;position:absolute;margin-top:0px;border-left:1px solid rgba(255,255,255,0.3);width:40px;text-align:center}
.col-item .actions-links .add-to-links a.magik-btn-quickview{color:#fff;font-family:'FontAwesome';font-size:16px;font-weight:var(--tinge);margin:0;text-decoration:none;display:inline-block;transition:all 0.2s linear;padding:3px 5px;line-height:25px;width:30px}
.col-item .actions-links .add-to-links a.magik-btn-quickview:hover{font-size:30px}

.col-item .actions-links .add-to-links a.link-wishlist{color:#fff;font-family:'FontAwesome';font-size:16px;font-weight:var(--tinge);margin:0;text-decoration:none;display:inline-block;transition:all 0.2s linear;padding:5px 5px;line-height:25px;width:30px}
.col-item .actions-links .add-to-links a.link-wishlist:hover{font-family:'FontAwesome';font-size:30px;font-weight:var(--tinge);margin:0;padding:5px 5px;text-decoration:none;color:#fff;line-height:25px;width:30px}
.col-item .actions-links .add-to-links a.link-compare{color:#fff;font-family:'FontAwesome';font-size:16px;font-weight:var(--tinge);margin:0;text-decoration:none;display:inline-block;transition:all 0.2s linear;padding:5px 5px;line-height:25px;width:30px}
.col-item .actions-links .add-to-links a.link-compare:hover{font-family:'FontAwesome';font-size:30px;font-weight:var(--tinge);margin:0;padding:5px 5px;text-decoration:none;color:#fff;line-height:25px;width:30px}
.col-item .add-to-links a span{display:none}
.col-item .actions-links .add-to-links a.link-wishlist{right:120%;opacity:0;position:absolute;margin-top:4px;z-index:10}
.col-item:hover .actions-links .add-to-links a.link-wishlist{right:50%;opacity:0.9;position:absolute;margin-top:0px;border:1px solid rgba(255,255,255,0.3);border-top:none;border-bottom:none;width:40px;text-align:center}
.col-item .actions-links .add-to-links a.link-compare{right:120%;opacity:0;position:absolute;margin-top:4px;z-index:10}
.col-item:hover .actions-links .add-to-links a.link-compare{right:25%;opacity:0.9;position:absolute;margin-top:0px;border:1px solid rgba(255,255,255,0.3);border-top:none;border-bottom:none;border-left:none;width:40px;text-align:center}
.col-item .info .info-inner .item-title{margin-bottom: 15px;padding-top: 15px;font-size: 14px;white-space: nowrap;overflow: hidden; font-weight:bold;}
.item-title{ float:left; width:100%;border-top:1px solid #ebebeb; padding:15px 0}
.item-title a{ display:block}
.col-item .info .info-inner .item-title a{text-decoration:none;font-family:DIN,Helvetica,Arial,sans-serif;font-size:14px;color:#000; display:block}
.col-item .info .info-inner .item-title a:hover{color:#23527c; text-decoration:none}
.actions button.button.btn-cart{background:#fff;border:1px solid #ddd;margin:10px 8px 0 8px;padding:9px 10px 9px 10px;color:#333;line-height:14px;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s}
.col-item:hover .actions button.button.btn-cart{background:#f23534;border:1px solid #f23534;margin:10px 8px 0 8px;padding:9px 10px 9px 10px;color:#FFFFFF}
.actions button.button.btn-cart span{font-family:DIN,Helvetica,Arial,sans-serif;font-size:11px;padding:0 8px;font-weight:bold;margin-left:0;text-transform:capitalize}
.promo-banner-section{margin:25px auto;margin-bottom:35px}
.small-pr-slider .controls .prev{top:2px;right:50px}
.small-pr-slider .controls .next{top:2px;right:15px}
.small-pr-slider .col-item .actions-links{height:32px;top:52%}
.small-pr-slider .col-item .actions-links .glyphicon { float:left;font-size: 16px;padding: 8px;color:#FFF; top:0px; background:#000}
.small-pr-slider .col-item .actions-links .glyphicon:hover{ background:#ffc907; text-decoration:none; color:#000;}
.small-pr-slider .col-item .add-to-links{ margin:0 auto; text-align:center;}

.small-pr-slider .col-item:hover .actions-links{height:30px;top:46.8%}
.small-pr-slider .col-item:hover .actions-links .add-to-links a.magik-btn-quickview{left:0%}
.small-pr-slider .col-item .actions-links .add-to-links a.magik-btn-quickview{font-size:12px;line-height:20px}
.small-pr-slider .col-item .actions-links .add-to-links a.link-wishlist{font-size:12px;line-height:20px;width:28px}
.small-pr-slider .col-item .actions-links .add-to-links a.link-wishlist:hover{font-size:12px;line-height:20px}
.small-pr-slider .col-item .actions-links .add-to-links a.link-compare{font-size:12px;line-height:20px;width:28px}
.small-pr-slider .col-item .actions-links .add-to-links a.link-compare:hover{font-size:12px;line-height:20px}
.small-pr-slider .col-item:hover .actions-links .add-to-links a.link-wishlist{right:40%}
.small-pr-slider .col-item:hover .actions-links .add-to-links a.link-compare{right:10%}
.recommend .controls .next{right:0}
.recommend .controls .prev{right:36px}
.new-box,.sale-box{height:40px;overflow:hidden;position:absolute;text-align:center;top:-1px;width:55px;z-index:10}
.new-box{left:-1px}
.sale-box{right:-1px}
.new-top-left{left:0px;top:0;background:#fff;letter-spacing:1px}
.new-top-right{background:none repeat scroll 0 0 #FFFFFF;right:0px;top:0}
.sale-top-right{top:0;background:#fff;letter-spacing:1px;right:0px}
.sale-top-left{left:0px;top:0;background:#fff;letter-spacing:1px}
.ie8 .new-label{left:0px;top:0px;width:auto;padding:5px 15px}
.ie8 .new-label:after{display:none}
.ie8 .new-label:before{display:none}
.ie8 .sale-label{right:0px;top:0px;width:auto;padding:5px 15px}
.ie8 .sale-label:after{display:none}
.ie8 .sale-label:before{display:none}
.ie8 .new-box{top:-1px;left:-1px}
.ie8 .sale-box{right:-1px;top:-1px}
.new-box,.sale-box{position:fixed;text-align:center;top:-1px;width:55px;z-index:10}
.new-box{left:0}
.sale-box{right:0;top:0px}
.new-label{font-size:11px;font-family:DIN,Helvetica,Arial,sans-serif;color:#fff;background:#5cb95c;text-transform:capitalize;padding:0px;text-align:center;display:block;position:absolute;top:10px;right:10px;z-index:100;letter-spacing:1px;line-height:var(--tinge); padding:3px; border-radius:3px;}
.sale-label{font-size:11px;font-family:DIN,Helvetica,Arial,sans-serif;color:#fff;background:#f1ad4e;text-transform:capitalize;padding:0px;text-align:center;display:block;position:absolute;top:10px;right:10px;z-index:100;letter-spacing:1px;line-height:var(--tinge); padding:3px; border-radius:3px;}
.ie8 .new-label{left:0px;top:0px;width:auto;padding:5px 15px}
.ie8 .new-label:after{display:none}
.ie8 .new-label:before{display:none}
.ie8 .sale-label{right:0px;top:0px;width:auto;padding:5px 15px}
.ie8 .sale-label:after{display:none}
.ie8 .sale-label:before{display:none}
.ie8 .new-box{top:-1px;left:-1px}
.ie8 .sale-box{right:-1px;top:-1px}
.wp-post-image{border-radius:4px;}

/* 分享图标 */
.web-face-i{height:425px;text-align:center;}
.web-face-i img{width:80%;position:absolute;left:10%;top:50%;margin-top:-12%;transition: all 0.3s linear 0s;}
.web-face-i li{width:45%; overflow:hidden;margin-left:1%;margin-right:1%;padding:4px;position:relative;}
.web-face-i li a{display:block;height:122px;transition: all 0.3s linear 0s;opacity:0.9;border-radius:5px;}
.web-face-i li a:hover{opacity:1;}
.web-face-i li span{border:1px solid rgba(255,255,255,0.5);padding:5px;transition: all 0.3s linear 0s;border-radius:5px;color:#fff;text-align:center;width:75%;position:absolute;left:13%;bottom:-10%;opacity:0}
.web-face-i li a:hover img{margin-top:-22%;}
.web-face-i li a:hover span{bottom:14%;opacity:0.8}
.web-face-i .list-inline{margin:auto; margin-top:12px}
.web-face-i .facebook a{background:#4867AA;}
.web-face-i .pinterest a{background:#E74C3C}
.web-face-i .youtube a{background:#313131}
.web-face-i .twitter a{background:#00aced}
.web-face-i .google a{background:#4285F8}
.web-face-i .linkedin a{background:#44AFCE}


.web-wire{height:4px; border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;}
.web-currency{width:125px; min-width:125px;}
.web-select .dropdown-menu > li > a{padding:3px 10px}
.web-r{float:right; top:2px}
.pull-left b{padding-left:5px;padding-top:3px;font-weight:var(--tinge);}
.pull-left b em{color:#02a911}

.custom button.reduced{border-right:none;border-radius:3px 0 0 3px}
.custom button.increase{border-left:none;border-radius:0 3px 3px 0}
.custom .i-s{color:#b3b3b3;padding-left:12px;padding-top:2px;float:left}

.block_loader{height:300px;width:96%; background:transparent;top:34%;opacity:0.2}
.block_loader .ball-clip-rotate{width:100px;height:100px;}
.block_loader .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;}


.web-like .col-md-8{padding-left:0px;}
.web-like .web-fb{position:relative; margin:20px 0; padding:0px; height:122px; overflow:hidden;border-radius:4px;}
.web-like .web-fb img{border-radius:4px;height:122px;}
.web-like .web-fb .btn-fanpage{width:100%;height:85px; display:block; font-size:16px; color:#e4e2e2;margin:20px auto 0;text-align:center; position:absolute; top:-8px; left:0px}
.web-like .web-fb .btn-fanpage .web-em1 img{height:100%;}
.web-like .web-fb .btn-fanpage .web-em4{margin:0 3px;float:right}
.web-like .web-fb .btn-fanpage:hover{text-decoration:none;}
.web-like .web-fb .btn-fanpage span{cursor: pointer;}
.in-stock{ color:#117e1b;font-weight: bold;}
.out-of-stock{ color:#ff0000;font-weight: bold;}
.web-but-right{ float:right}
.web-but-right .button_inst_activate{-moz-user-select: none;border: 1px solid #4aca94;border-radius: 54px;cursor: pointer;display: inline-block;opacity: 0.8;
font-size: 14px;font-weight: 400;line-height: 1.42857;margin-bottom: 0;padding: 6px 18px;text-align: center;vertical-align: middle;white-space: nowrap; color:#4aca94; margin-top:-5px}
.web-but-right .button_inst_activate .glyphicon-list-alt{ top:2px}
.web-but-right .button_inst_activate:hover{opacity: 1}


.col1-layout .main{ width:100%;}
.animated{box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background: #fff; border-radius:4px;float:left; width:100%;overflow: hidden;}
.product-image .ptb-sic {bottom: -24px; position: absolute;left: 0%;}
.product-image .ptb-sic em{border-radius: 54px;color: #fff;font-size: 10px;padding:0px 13px;text-transform:capitalize;opacity: 0.8;}
.product-image .pt_cs{ background:#f60;}
.product-image .pt_so{background:#507CBE;}
.product-image .pt_hot{background:#F75263}
.product-image .pt_new{background:#22916D}
/* end-time  */
.web-price .end-time{padding:12px;padding-top:0px;width:200px;}
.web-price .end-time li{float:left;}
.web-price .end-time .special{padding-bottom: 2px;text-align: right;padding-right: 18px;}
.web-price .end-time .special span{font-size:11px;background:#e87874;color:#fff;border-radius:5px;padding:0px 5px;}
.web-price .end-time li p{font-size:12px;text-align: center;}
.web-price .end-time .time_box{display:flex;justify-content:flex-start;align-items:center;width:100%;height:20px}
.web-price .end-time .sales{padding-right: 6px;line-height:30px;float: left;line-height:32px;}
.web-price .end-time .sales span{font-size:14px;}
.web-price .end-time .end-in{width:50px;color:#d5d6da;font-size:14px;float:left}
.web-price .end-time .end-number{color:#fff;font-size:18px;margin-bottom:2px;}
.web-price .end-time .end-number li {height:30px;line-height:30px;min-width: 30px;background-color:#D4682E;opacity:.8;border-radius:5px;font-size: 16px; text-align: center;}
.web-price .end-time .end-number .esymbol { line-height: 28px;color: #000; padding: 0px;background-color: transparent; width: 10px; text-align: center; padding: 0px; min-width: 10px;}
.share-ico-r{float:right;}
.share-ico-r img{border-radius:5px;opacity:0.8}
.share-ico-r img:hover{opacity:1}
.share-ico-r .addthis_sharing_toolbox{float:right;padding-top:8px}
.p_20{width:102px;}
.p_20 img{height: 39px;}
.web-but-left .glyphicon-shopping-cart{background:#6dcca4;border-radius:3px;color:#fff;padding:12px;top:1px; cursor:pointer;font-size: 14px}
.web-but-left .pitch:before{content: "\e013";}
.web-but-left .glyphicon-shopping-cart:hover{background:#4aca94}
.right-ico{ float:right; margin-top:20px; }


/*discount-price*/
.web-price .discount-price-container {display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;}
.copy-discount:after { content: " ";height: 31px;width: 12px;border-left: 7px solid #9629d6; border-bottom: 6px solid transparent;position: relative;top: -1px;}
.web-price .discount-price{width: auto;display: flex;margin-left: 13px;padding-top: 5px;margin-right: 15px;}
.web-price .discount-price p{font-size: 14px;color: #000000;font-weight: 700;}
.web-price .discount-price .price{font-size: 20px;color: #DF272F;font-weight: 600;padding-left: 10px;}
 .web-price .copy-discount{display: flex;position: relative;margin-top: 5px;}
.web-price .copy-discount .btncopy {height: 50px;z-index: 1;color: rgb(255, 255, 255);padding-left: 16px;font-weight: bold;background: url(../../image/37/code-1.webp) no-repeat;position: relative;top: -15px;}
.web-price .copy-discount .btncopy .extra {padding-top: 14px;font-weight: normal;padding-left: 30px;cursor: pointer; text-align: center; display: flex;line-height: 14px;height: 45px;align-items: center;    padding-right: 10px;}
.web-price .copy-discount .btncopy .cop-to {display: inline;color: rgb(255, 255, 255);font-size: 14px;    padding-right: 8px;}
.web-price .copy-discount .btncopy span {font-size: 16px;font-weight: bold;color:rgb(255, 234, 0);background: transparent;border-width: 0px;border-style: initial;border-color: initial;border-image: initial;outline: medium;}



@media screen and (max-width:1199px){ 
.web-product .col-xs-12{ padding-right: 10px;border-right: 0px;}
.web-price{margin-left: 0px;}
.list-unstyled-t{padding-left: 0px;}
}


@media only screen and (min-width:380px) and (max-width:1000px){
.list-unstyled-t .list-unstyled{height:auto;}
.web-quantity{width:200px;}
.web-quantity li{margin-bottom:10px;}

}


@media (max-width:1199px){
.web-product .col-sm-4{width:100%}
.owl-item{padding:0 0 0 10px;}
.web-like .web-fb{ height:109px;}
.web-like .web-fb .btn-fanpage{margin:20px auto 0;}
.web-like .web-fb .btn-fanpage .web-em1{font-size:24px; color:#000000; margin:0 3px}
.web-like .web-fb .btn-fanpage .web-em2{font-size:18px; color:#009566;margin:0 3px; background:#D4682E; padding:13px 10px; border-radius:100%; font-weight:bold}
.web-like .web-fb .btn-fanpage .web-em3{font-size:24px; color:#000000;margin:0 3px}
.product-essential {

    position: relative;
    width: 100%;

}


}
@media (max-width:999px){
.web-like .col-xs-12{ padding-right:0px;}
.web-like .web-fb{ margin:0 0 20px 0}
.product-name{padding-top:20px;}

.web-price-title {font-size: 12px;color: #000000;float: left;padding: 27px 12px 0px 13px;}
.web-price-right {border: 1px solid #d0d0d1;margin: 12px 0px;padding: 3px 10px;color: #6f767c;text-align:center;position: relative;width: 100%; float: right;background: #fff;}
.web-price-right b,
.web-price-right p {float: none; display: initial;}
.special-price .price {

    color: #ef7c00;
    font-size: 17px;
    font-weight: bold;
    padding-left: 2px;}



}
@media (max-width:992px){
.scdkey_slide{ padding-right:15px;}

.product-essential {
    left: 0px;
}
.product-image .ptb-sic { position: absolute;left: 22px; top: 27px;
}



}

@media screen and (max-width:436px){
.owl-item{float:none; margin:0 auto 20px auto}
.web-but-right{ float:left;margin:20px 0 0 0;}
}


.recently {background: #fff; width: 100%;display: inline-block; position: relative; height:127px; margin-bottom: 21px;display: flex;align-items: center;background: url(../../image/recently-bg.jpg) no-repeat 0px 0px;background-size: 100%;}
.recently .rec-font{font-size: 33px;    width: 574px;text-align: center;text-indent: 94px;}
.recently .rec-icon{background: url(../../image/recently-1.png) no-repeat 0px 0px;}
.recently .rec-icon {background: url(../../image/recently-1.png) no-repeat 0px 0px;width:103px; height: 53px; background-size: 61px;}
.recently .rec-pro{display: flex;}
.recently .rec-pro img{height: 118px;border-radius: 5px;}
.recently .rec-pro .rec-price{padding-left: 12px;padding-left: 20px;padding-top: 16px;}
.recently .rec-pro .rec-price .rec-special{color: #ef7c00;font-size: 23px;font-weight: bold; padding-right: 12px;}
.recently .rec-pro .rec-price .rec-old{font-size: 15px;color: #666;text-decoration: line-through;    padding: 8px 0px;}
@media screen and (max-width:768px){
.recently{background: #fff;height: auto; display: inline-block; margin-top: -6px;}
.recently .rec-font { font-size: 25px;width: 100%;text-align: center; text-indent: 0; padding-top: 19px;}
.recently .rec-pro {display: flex; padding: 20px 12px 12px 62px;}
.recently .rec-icon { width: 39px;height: 30px; background-size: 31px;  position: absolute;  top: 52px; left: 15px;}

}