.software{position:relative;z-index: 1;padding-bottom:50px}
.software .soft_box{ background:#fff;border-radius:3px;padding:1px 0px}
.software .suv_bt li{height:36px;padding-left:25px;font-size:14px}
.software .suv_bt li i{font-size:16px;padding-right:8px;}
.software .suv_bt .active a{color:#FBBD01}
.software .best-sellers{margin-top:22px}
.software .product-essential{position:relative;padding-bottom:12px}
.software .web-product-img{ width:81px; float:left;padding-left: 20px;padding-top:4px;}
.software .product-image em{background:#f66a78;font-size: 12px;border-radius: 30px;color:#fff;height:30px;left:51px;position: absolute;top: -2px;width:30px; text-align:center; line-height:30px;}
.software .product-shop{ padding-left:76px;padding-right: 13px;}
.software .product-image img{width:50px;  border-radius:3px;}
.software .product-shop .product-headline{line-height: 18px;}
.software .product-shop .list-unstyled{padding-top:4px}
.software .product-shop .list-unstyled .c_price{font-size: 14px;font-weight: bold;color: #ef7c00;padding-right:10px;}
.software .product-shop .list-unstyled .s_us{text-decoration:line-through;font-size:12px;color:#c4c4c4;}



.software_cent{background:#fff;border-radius:3px;padding:0px;min-height: 1324px;}
.software_list{padding:17px;padding-right:0px;padding-left: 24px;}

/*products*/
.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:208px; float:left;height: 282px;}
.owl-item img{display: block;max-width: 160px;height:222px; float:left; margin-right:6px;border-radius:5px}
.owl-item em{background:#f66a78;border-radius: 32px;color:#fff;height:32px;left:140px;position: absolute;top: 5px;width: 32px; text-align:center; line-height:32px;}

.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;}

.owl-item .actions-links {background:url(../../images/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(../../images/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;float: right;color: #fff; margin-top:0px;border: 1px solid #f75263;background: #f75263; opacity:0.8}
.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;}
.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-item:hover .actions-links .glyphicon-shopping-cart{left:40px}
.owl-item:hover .actions-links .glyphicon-heart{right:40px}

/*product*/
.best-title i{color:#666}
.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;cursor:pointer;}
.web-n-more a:hover{background:#D4682E; text-decoration:none;color:#000}
.no_a a,
.no_a a:hover{cursor:default;background:#eee;color:#666;}
.software_cent .loader-inner{height:61px;background:#D4682E;border-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.software_cent .ball-clip-rotate{width:50px;height:50px;}
.software_cent .ball-clip-rotate > i{background-color:#000;width:100%;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-h-y{color: #fff;background: #f00;}
.web-h-y:hover{background: #f00;}
.comment{margin-top:22px}

@media (max-width:1024px){
.software_cent{ width: 100%;margin-top:25px}
.col-sm-3{width: 100%;padding-left:0px;padding-right:0px}
}
