/*------------- home ------------*/
.home-category li{float:left;width:33.33%;}
.home-category .b{overflow:hidden;margin:20px;background-color:#F2F2F2;}
.home-category .i-text{padding:25px;text-align:center;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home-category a:hover{text-decoration:none;}
.home-category li:hover .b{background-color:#ed1c22;}
.home-category li:hover .i-text{color:#FFF;}
.home-category .i-icon img{width:100%;}

.home-act{padding:180px 0;text-align:center;margin:0 auto;width:790px;}
.home-act h3{font-size:36px;margin:0 0 50px 0;font-weight:400;}

.home-app li{float:left;width:33.33%;}
.home-app .b{overflow:hidden;margin:20px;border:1px solid #EEE;}
.home-app .i-text{padding:30px 20px;text-align:center;}
.home-app h3{font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 20px 0;}
.home-app .i-line{margin:0 auto;height:2px;width:50px;background-color:#ed1c22;}
.home-app a:hover{text-decoration:none;}
.home-app li:hover .i-text{color:#FFF;}
.home-app .i-icon{overflow:hidden;}
.home-app .i-icon img{width:100%;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.home-app li:hover .i-icon img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.home-product .i-thumb{float:left;width:30%;}
.home-product .i-thumb img{width:100%;}
.home-product .i-text{float:left;width:70%;}
.home-product li{margin-bottom:35px;}
.home-product .b{border:1px solid #EEE;padding:50px;}
.home-product .i-tb{margin-left:60px;}
.home-product h2{margin:0;}
.home-product h2 a{font-size:22px;font-weight:600;}
.home-product p{margin-top:25px;color:#666;}
.home-product .i-btn{margin-top:35px;}

/*------------- layout ------------*/
.product-left{float:left;width:22%;}
.product-right{float:right;width:72%;}

.bar-category{margin-bottom:50px;}

.product-category .i-h, .bar-category .i-title{margin-bottom:20px;position:relative;border-bottom:1px solid #EEE;}
.product-category .i-h h2, .bar-category .i-title h2{font-size:25px;margin:0;padding-bottom:15px;}
.product-category .i-h .if{display:none;}
.product-category .i-menu ul{margin:0 0 15px 20px;}
.product-category .i-menu li{list-style:disc;margin-bottom:25px;}
.product-category .i-menu a{font-size:17px;}
.product-category .i-menu a:hover{text-decoration:none;}
.product-category .i-menu a.on{color:#ed1c22;text-decoration:underline;}
.product-category .sub{padding:10px 0 2px 0;}


/*------------- list ------------*/
.product-list li{float:left;width:50%;margin-bottom:50px;}
.product-list li:nth-child(odd) .b{margin-right:25px;}
.product-list li:nth-child(even) .b{margin-left:25px;}
.product-list .b{border:1px solid #EEE;overflow:hidden;background-color:#F2F2F2;}
.product-list li:hover .b{background-color:#DDD;}
.product-list .i-thumb img{width:100%;}
.product-list .i-text{padding:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product-list .status-new, .product-list .status-best{font-size:10px;padding:2px 3px;}

/*------------------------ product ------------------------*/
.product-img{float:left;width:42%;}
.product-img .i-img{border:1px solid #eaeaea;overflow:hidden;}
.product-img .i-img li{float:left;position:relative;min-height:310px;width:100%;}
.product-img .i-img .load{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.product-img .i-img .load span{position:absolute;width:100%;left:0;top:42%;text-align:center;color:#FFF;font-size:24px;}
.product-img .i-img img{width:100%;cursor:pointer;}
.product-img .i-img img:hover{opacity:0.8;}
.product-img .i-play{position:absolute;z-index:5;width:55px;height:55px;line-height:55px;right:15px;bottom:15px;
background-color:rgba(0, 0, 0, 0.6);text-align:center;cursor:pointer;overflow:hidden;}
.product-img .i-play .if{font-size:22px;color:#FFF;}
.product-img .i-play:hover{background-color:#ed1c22;}
.product-img .i-gthumb{margin-top:20px;}
.product-img .i-gthumb li{float:left;width:70px;height:70px;overflow:hidden;position:relative;margin:0 10px 10px 0;border:1px solid #eaeaea;cursor:pointer;}
.product-img .i-gthumb li:after{position:absolute;top:0;left:0;content:'';border-style:solid;border-width:1px;border-color:transparent;width:68px;height:68px;z-index:1;overflow:hidden;}
.product-img .i-gthumb li.on:after{border-color:#ed1c22;}
.product-img .i-gthumb li:hover{border-color:#AAA;}
.product-img .i-gthumb li.on{border-color:#ed1c22;}

.product-info{float:left;width:58%;overflow:hidden;}
.product-info .i-box{margin-left:80px;}
.product-info h2{font-size:28px;font-weight:400;text-transform:capitalize;margin:0 0 20px 0;}
.product-info .i-sku{font-size:12px;color:#999;margin-bottom:20px;}
.product-info .i-line{clear:both;width:100%;height:0;border-top:1px solid #eaeaea;margin:45px 0;overflow:hidden;}
.product-info .i-summary{color:#979797;margin-top:25px;}

.product-detail{padding:60px 0;}
.product-detail-tabs{height:50px;border-bottom:1px solid #EEE;margin-bottom:35px;}
.product-detail-tabs li{float:left;cursor:pointer;height:50px;line-height:50px;padding:0 30px;margin-right:20px;overflow:hidden;background-color:#EEE;
border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;}
.product-detail-tabs li.on{background-color:#ed1c22;color:#FFF;}

.product-attr-table{margin-bottom:40px;}
.product-attr-table table{border-collapse:collapse;border:1px solid #A9C6C9;}
.product-attr-table th{background-color:#C3DDE0;padding:4px 8px;text-align:left;font-size:14px;}
.product-attr-table td{padding:5px 10px;border:1px solid #A9C6C9;font-size:12px;}
.product-attr-table td.i-name{background-color:#F0F5F7;width:120px;}

/*----------- detail ---------- */
.product-detail-line{width:100%;clear:both;height:1px;background-color:#EEE;margin:60px 0;overflow:hidden;}
.product-title{margin-top:45px;}
.product-title h2{font-size:28px;margin:0;}
.product-title p{margin:20px 0 0 0;color:#3c3c3b;}
.product-title .i-btn{margin-top:40px;}

.product-tabs-title{margin-bottom:35px;}
.product-tabs-title h3{font-size:23px;border-left:2px solid #da3731;padding-left:15px;}

.product-attr table{border-collapse:collapse;width:100%;}
.product-attr td{padding:10px 15px;border-right:1px solid #FFF;background-color:#D7D7D7;}
.product-attr tr:nth-child(2n+0) td{background-color:#f2f2f2;}
.product-attr td p{margin:0;}

.ch-title-1{border-left:2px solid #ed1c22;padding-left:15px;margin-bottom:40px;}
.ch-title-1 h3{font-size:28px;margin:0;}

/*----------- common ---------- */
/* transition */
.home-category .b, .home-product .b, 
.product-list .b{transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}

.product-options li, 
.product-img .i-play{transition:background-color 0.5s ease 0s; -webkit-transition:background-color 0.5s ease 0s;-moz-transition:background-color 0.5s ease 0s;-o-transition:background-color 0.5s ease 0s;}
.product-options li a{transition:padding 0.5s ease 0s; -webkit-transition:padding 0.5s ease 0s;-moz-transition:padding 0.5s ease 0s;-o-transition:padding 0.5s ease 0s;}

.view-filter-sub .i-color, 
.product-img .i-play{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}

.home-category li:hover .b, .home-product li:hover .b, .product-list li:hover .b
{-moz-box-shadow:0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.15);box-shadow:0 1px 10px rgba(0,0,0,0.15);}

/*----------- media ---------- */
@media screen and (max-width:960px){
.product-left, .product-right{width:100%;}

.product-category{margin-bottom:35px;position:relative;}
.product-category .i-menu{display:none;position:absolute;top:52px;left:0;z-index:2;width:100%;background-color:#FFF;
-moz-box-shadow:0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.15);box-shadow:0 1px 10px rgba(0,0,0,0.15);}
.product-category .i-menu ul{padding:20px 20px 5px 20px;}
.product-category .i-h{margin:0;border:1px solid #EEE;height:50px;overflow:hidden;}
.product-category .i-menu, .product-category .i-h{border-radius:25px;-webkit-border-radius:25px;}
.product-category .i-h h2{padding:0;line-height:50px;padding:0 20px;font-size:18px;}
.product-category .i-h .if{display:block;position:absolute;z-index:1;right:20px;top:0;line-height:50px;}

.product-img .i-gthumb li{width:50px;height:50px;}
.product-img .i-gthumb li:after{width:48px;height:48px;}
}

@media screen and (max-width:790px){
.home-category li{width:50%;}
.home-act{padding:90px 0;width:auto;}

}

@media screen and (max-width:640px){
.home-category li{margin-bottom:10px;}
.home-category .i-text{padding:18px;font-size:14px;}
.home-category li:nth-child(odd) .b{margin:0 5px 0 0;}
.home-category li:nth-child(even) .b{margin:0 0 0 5px;}

.home-app li{width:100%;margin-bottom:20px;}
.home-app .b{margin:0;}

.home-act h3{font-size:34px;margin:0 0 35px 0;}

.product-list li{margin-bottom:18px;width:100%;}
.product-list li .b{margin:0 !important;}
.product-list .i-text{padding:18px;font-size:12px;}

.product-img, .product-info{width:100%;}
.product-info .i-box{margin:35px 0 0 0;}
.product-detail{padding:80px 0;}
.product-detail .i-box{padding:0;border:none;}
.product-detail .i-tabs{border-bottom:1px solid #EEE;}
}