/*------------- home ------------*/
.home-category{margin-bottom:120px;}
.home-category .i-title{border-bottom:1px solid #131313;text-align:center;margin-bottom:45px;padding-bottom:20px;}
.home-category .i-title h2{margin:0;font-size:42px;font-weight:500;}
.home-category .i-left{float:left;width:25%;}
.home-category .i-right{float:right;width:70%;}
.home-category-tabs{text-align:center;margin-bottom:20px;}
.home-category-tabs a{display:inline-block;height:36px;line-height:36px;padding:0 20px;margin:0 4px;color:#666;
border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;}
.home-category-tabs a:hover{background-color:#F2F2F2;text-decoration:none;color:#000;}
.home-category-tabs a.on{background-color:#2f2f2f;color:#FFF;}
.home-category-menu{background-color:#2f2f2f;padding:40px 30px;}
.home-category-menu .i-h{font-size:20px;color:#FFF;margin-bottom:18px;}
.home-category-menu .i-box{background-color:#FFF;padding:30px;}
.home-category-menu li{list-style:disc;margin:10px 0 10px 12px;}
.home-category-menu .i-btn{margin-top:25px;}
.home-category-menu .i-btn a{display:block;width:100%;height:48px;line-height:48px;text-align:center;color:#FFF;background-color:#ffa928;}
.home-category-menu .i-btn a:hover{background-color:#ee9f28;text-decoration:none;}
.home-category-products li{float:left;width:33.33%;}
.home-category-products .b{margin:0 0 25px 25px;}
.home-category-products .i-thumb{border:1px solid #EEE;}
.home-category-products .i-thumb img{width:100%;}
.home-category-products .i-text{margin-top:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.home-category-products .i-text a{color:#666;}
.home-category-products .page{margin-top:30px;}

.home-category-download{position:relative;clear:both;padding:50px 45px;margin-top:50px;background-color:#2f2f2f;}
.home-category-download .i-text{float:left;width:70%;}
.home-category-download h3{font-size:32px;font-weight:500;color:#FFF;margin:0 0 15px 0;}
.home-category-download p{margin:0;font-size:18px;color:#FFF;}
.home-category-download .i-btn{position:absolute;top:0;right:0;height:100%;padding:0 45px;
display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.home-category-download .btn-radius{border-color:#FFF;background-color:transparent;color:#FFF !important;}
.home-category-download .btn-radius:hover{border-color:#131313;background-color:#131313;}

.home-filter{border:1px solid #EEE;margin-top:45px;}
.home-filter .i-h{background-color:#f2f2f2;padding:15px 30px;font-size:20px;}
.home-filter .i-box{padding:40px 30px;}
.home-filter .i-group{border-bottom:1px solid #EEE;margin-bottom:20px;padding-bottom:20px;}
.home-filter .i-group:last-child{border:none;padding:0;margin:0;}
.home-filter .i-group-h{font-weight:bold;margin-bottom:20px;}
.home-filter .i-item{float:left;width:50%;margin-bottom:8px;}
.home-filter .i-item a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#2f2f2f;margin-right:10px;}

.home-footer{padding:120px 0;text-align:center;margin:0 auto;width:790px;}
.home-footer 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:0 20px 40px 20px;border:1px solid #EEE;}
.home-app .i-text{padding:30px 20px;text-align:center;}
.home-app h3{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 20px 0;font-weight:500;}
.home-app .i-line{margin:0 auto;height:1px;width:45px;background-color:#007cc2;}
.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);}

/*------------- layout ------------*/
.product-left{float:left;width:20%;}
.product-right{float:right;width:73%;}

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

.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;font-weight:500;}
.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 .sub li{margin-bottom:10px;}
.product-category .i-menu a{font-size:17px;}
.product-category .i-menu a:hover{text-decoration:none;}
.product-category .i-menu a.on{color:#007cc2;text-decoration:underline;}
.product-category .sub{padding:10px 0 2px 0;}

/*------------- list ------------*/
.view-filter{border:1px solid #EEE;border-left:none;border-right:none;margin-bottom:35px;position:relative;}
.view-filter .h{float:left;height:60px;line-height:60px;margin-right:40px;}
.view-filter-items{float:left;}
.view-filter-h{position:relative;float:left;}
.view-filter-h .i-h{height:60px;line-height:60px;padding:0 20px;}
.view-filter-h .i-h .if{font-size:12px;margin-left:5px;}
.view-filter-h .i-h .on{display:inline-block;white-space:nowrap;margin-left:5px;color:#007cc2;}
.view-filter-h:hover .i-h{background-color:#222;color:#FFF;}
.view-filter-sub{position:absolute;top:68px;left:0;z-index:999;background-color:#FFF;height:0;overflow:hidden;
opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);}
.view-filter-h:hover .view-filter-sub{display:block;top:60px;height:auto;opacity:1;overflow:visible;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);}
.view-filter-sub .vc{width:320px;padding:20px;}
.view-filter-sub .vc li{float:left;width:50%;}
.view-filter-sub .vc a{display:inline-block;height:30px;line-height:30px;color:#007cc2;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:80%;}
.view-filter-sub .vc a.on{background-color:#007cc2;color:#FFF;padding:0 10px;
border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.view-filter-sub .vc a:hover{text-decoration:none;}
.view-filter-sub .vc a .if{vertical-align:middle;}
.view-filter-sub .i-color{display:inline-block;width:12px;height:12px;}

.product-list li{float:left;width:256px;margin:0 30px 30px 0;}
.product-list li.nm{margin-right:0;}
.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:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.product-list .status-new, .product-list .status-best{font-size:10px;padding:2px 3px;}

/*------------------------ product ------------------------*/
.product-info-wrap{position:relative;}
.product-info-wrap:before{position:absolute;content:'';width:1px;height:100%;top:0;left:23%;z-index:2;background-color:#EEE;}
.product-info-wrap .product-right{width:75%;}
.product-info-wrap .content-desc{margin-bottom:80px;}

.product-img{float:left;width:45%;}
.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:#007cc2;}
.product-img .i-gthumb{margin-top:20px;}
.product-img .i-gthumb li{float:left;width:50px;height:50px;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:48px;height:48px;z-index:1;overflow:hidden;}
.product-img .i-gthumb li.on:after{border-color:#007cc2;}
.product-img .i-gthumb li:hover{border-color:#AAA;}
.product-img .i-gthumb li.on{border-color:#007cc2;}

.product-info{float:left;width:55%;overflow:hidden;}
.product-info .i-box{margin-left:50px;}
.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-info .i-summary li{list-style:disc;}

/*----------- detail ---------- */
.product-detail{padding:60px 0;}
.product-detail .i-tabs-box{margin-bottom:80px;}
.product-detail .i-tabs-title{height:25px;border-bottom:1px solid #007cc2;margin-bottom:60px;}
.product-detail .i-tabs-title h3{display:inline-block;background-color:#FFF;height:50px;line-height:50px;font-weight:500;font-size:30px;padding-right:25px;}

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

.product-download li{list-style:disc;margin:0 15px;}
.product-download li a{color:#007cc2;}


/*----------- common ---------- */
/* transition */
.home-category-products .i-thumb, 
.product-list .b, 
.view-filter-h .i-h, .view-filter-sub{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;}

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

.home-category-menu .i-btn a, .home-category-tabs a,
.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-products li:hover .i-thumb, .product-list li:hover .b,
.view-filter-sub
{-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:1180px){
.product-list li{width:33.33%}
.product-list li, product-list li.nm{margin:0;}
.product-list li .b{margin:10px;}

.view-filter-sub{display:none;height:auto;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1);filter:alpha(opacity=1);}
}

@media screen and (max-width:1024px){
.product-left, .product-right, .product-info-wrap .product-right{width:100%;}
.product-info-wrap:before{display:none;}

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

.home-category .i-left, .home-category .i-right{width:100%;}
.home-category .i-right{margin-top:35px;}
}

@media screen and (max-width:980px){
.product-list li{width:50%;}

.home-category-download .i-text{width:100%;float:inherit;}
.home-category-download .i-btn{position:static;padding:0;margin-top:30px;display:block !important;}

.home-footer{padding:90px 0;}
}

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

.home-footer{width:auto;}
}

@media screen and (max-width:640px){
#main{padding:35px 0;}	

.home-category .i-title h2{font-size:32px;}
.home-category li{margin-bottom:20px;}
.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-category-products .i-text{margin-top:10px;}
.home-category-products .i-text a{font-size:12px;}
.home-category-products .page{margin-top:10px;}

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

.view-filter .h{float:none;width:100%;}
.view-filter-items{display:none;float:none;position:absolute;width:100%;top:60px;left:0;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);}
.view-filter-h{float:none;border-bottom:1px solid #EEE;}
.view-filter-sub{position:static;width:100%;background-color:#F7F7F7;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.view-filter-h .i-h{position:relative;}
.view-filter-h .i-h .if{position:absolute;right:20px;top:0;line-height:60px;}

.product-img, .product-info{width:100%;}
.product-info .i-box{margin:35px 0 0 0;}

.product-detail .i-tabs-box .btn-radius-fill{padding:0;width:100%;}
}