/** --------------- home --------------- **/
.home-cat li{float:left;width:33.33%;margin-bottom:40px;}
.home-cat .b{margin:0 20px;background-color:#F2F2F2;border:1px solid #EEE;}
.home-cat .thumb img{width:100%;}
.home-cat .text{padding:25px 30px;}
.home-cat h3{margin:0;text-align:center;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}


.home-app{padding:160px 0;text-align:center;}
.home-app h3{font-size:35px;margin:0 0 40px 0;}

/** --------------- list --------------- **/
.product-left{float:left;width:22%;}
.product-right{float:right;width:74%;}

.product-category{background-color:#f5f5f5;padding:35px;}
.product-category .i-h h2{margin:0 0 45px 0;position:relative;font-size:26px;}
.product-category .i-h h2:after{position:absolute;content:'';width:35px;height:2px;background-color:#00a0e9;left:0;bottom:-16px;}
.product-category .i-h .arrow{display:none;}
.product-category li{list-style:circle !important;margin:0 0 15px 12px;padding-left:6px;}
.product-category li a{font-size:16px;color:#333;}
.product-category li.on a{color:#00a0e9;}
.product-category .c2{padding:0 0 20px 20px;}
.product-category .c2 li a{font-size:15px;}
.product-category .c2 li{list-style:disc !important;}

/** filter **/
.view-bar{border-bottom:1px solid #ECECEC;margin-bottom:30px;position:relative;padding-bottom:15px;}
.view-bar h2{margin:0;font-size:34px;}
.view-cat-banner{margin-bottom:30px;}
.view-cat-desc{margin-bottom:30px;font-size:17px;font-weight:300;}
.view-cat-desc *{font-weight:300;}

/** list **/
.product-list li{float:left;width:283px;margin-right:30px;}
.product-list li.nm{margin-right:0;}
.product-list .thumb{overflow:hidden;border:1px solid #EEE;margin-bottom:20px;}
.product-list a{color:#666;font-size:14px;}
.product-list a:hover{text-decoration:none;color:#00a0e9;}
.product-list .line3, .product-list .line2{clear:both;width:100%;}
.product-list .line2{display:none;}
.product-list .line3{height:50px;}

/** --------------- info --------------- **/
.product-img{float:left;width:46%;}
.product-img .i-big{border:1px solid #ECECEC;overflow:hidden;}
.product-img .i-big li{float:left;position:relative;min-height:110px;}
.product-img .load{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.product-img .load span{position:absolute;width:100%;left:0;top:42%;text-align:center;color:#FFF;font-size:24px;}
.product-img .i-big img{width:100%;cursor:pointer;}
.product-img .i-big img:hover{opacity:0.8;}
.product-img .i-gallery{margin-top:20px;}
.product-img .i-gallery li{float:left;width:60px;overflow:hidden;position:relative;margin:0 10px 10px 0;border:1px solid #ECECEC;cursor:pointer;}
.product-img .i-gallery li:hover{border-color:#AAA;}
.product-img .i-gallery li.on{border-color:#43977a;}
.product-img .i-gallery li img{width:100%;}
.product-img .i-play{position:absolute;z-index:2;bottom:20px;left:20px;}
.product-img .i-play .icon{display:block;width:42px;height:42px;line-height:42px;cursor:pointer;
font-size:18px;color:#FFF;text-align:center;background-color:rgba(0,0,0,0.6);
border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.product-img .i-play:hover .icon{background-color:rgba(99, 216, 203, 0.7);}

.product-summary{float:left;width:54%;}
.product-summary .i-box{margin-left:80px;}
.product-summary h2{font-size:32px;line-height:155%;margin:0;}
.product-summary .i-sn{margin-top:10px;color:#777;}
.product-summary .line{width:100%;height:0;overflow:hidden;border-top:1px solid #ECECEC;margin:35px 0;}
.product-summary .product-sn{font-size:13px;color:#999;}

.product-attr-main td{padding:6px 0;color:#777;font-weight:300;font-size:14px;}
.product-attr-main td.i-label{font-weight:600;color:#444;padding-right:30px;white-space: nowrap;}
.product-attr-main .icon{margin-right:8px;font-size:9px;color:#999;}
.product-attr-main th{text-align:left;background-color:#F7F7F7;padding:10px 12px;}

.product-info-line{clear:both;width:100%;margin:90px 0;border-top:1px solid #ECECEC;}

#product-desc p, #product-desc span, #product-desc td{font-size:19px;}

/** tabs **/
.product-tabs-box{position: relative;}
.product-tabs-box:after{position: absolute;content:'';top:0;left:65.5%;width:1px;height:100%;background-color:#ECECEC;z-index:1;}
.product-tabs-left{float:left;width:60%;}
.product-tabs-right{float:right;width:28%;}
.product-tabs-col{margin-bottom:80px;}
.product-tabs-col h2{font-size:22px;margin-bottom:40px;text-transform:uppercase;}
.product-tabs-left .product-tabs-col{margin:0;}

.product-specification a .icon{color:#43977a;}
.product-application li{float:left;width:124px;margin:0 15px 15px 0;}
.product-application li.nm{margin-right:0;}
.product-application .b{position: relative;}
.product-application .text{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0, 0, 0, 0.8);}
.product-application .text a{display:block;font-size:11px;color:#FFF;font-weight:300;padding:2px 8px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.product-related li{float:left;width:222px;margin:0 30px 50px 0;}
.product-related li.nm{margin-right:0;}
.product-related .thumb{border:1px solid #EEE;margin-bottom:15px;}
.product-related .text{overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}

/** -------------------- common ----------------------- **/
.home-cat .b,
.product-list .b,
.product-gallery li,
.product-img .i-play .icon
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.home-cat li:hover .b,
.product-list li:hover .thumb
{-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-list .thumb 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;transition: all 0.7s ease-in-out;}
.product-list li:hover .thumb img
{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/** -------------------- media ----------------------- **/
@media screen and (max-width:1230px) {
.home-cat{padding-top:40px;}
.home-app{padding:120px 20px;}

.product-left, .product-right{width:100%;}
.product-left{margin-bottom:30px;}

.product-category{height:50px;padding:0 20px;position:relative;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.product-category .i-menu{display:none;position:absolute;top:50px;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-mb{padding:25px;}
.product-category .i-h{cursor:pointer;}
.product-category .i-h h2{margin:0;font-size:18px;line-height:50px;}
.product-category .i-h h2:after{display:none;}
.product-category .i-h .arrow{display:block;position:absolute;right:20px;top:0;line-height:50px;}

.product-list li{width:33.33%;margin:0;}
.product-list .line3{height:30px;}
.product-list .b{margin:0 10px;}



.product-related li{width:20%;margin:0;}
.product-related .b{margin:10px;}
}

@media screen and (max-width:980px) {
.home-cat li{margin-bottom:20px;}
.home-cat .b{margin:0 10px;}
.home-cat .text{padding:25px;}
.home-cat h3{font-size:15px;}


.product-img .i-gallery li{width:60px;}
.product-summary .i-box{margin-left:45px;}
.product-summary h2{font-size:26px;}

.product-tabs-box:after{display:none;}
.product-tabs-left, .product-tabs-right{float:inherit;width:100%;clear:both;}

.product-application li{margin:0;width:25%;}
.product-application .b{margin:5px;}

.product-related li{width:33.33%;}
}

@media screen and (max-width:760px) {
.home-cat li{width:50%;margin:0;}
.home-cat .b{margin:0 5px 10px 0;}
.home-cat li.o .b{margin:0 0 10px 5px;}

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

.product-application li{width:33.33%;}

}

@media screen and (max-width:640px) {
.home-cat{padding-top:5px;}
.home-cat .text{padding:15px;}
.home-cat h3{font-size:13px;font-weight:300;}
.home-app{padding:90px 0 30px 0;}
.home-app h3{font-size:30px;}

.product-left{margin-bottom:25px;}

.view-bar{padding-bottom:10px;}
.view-bar, .view-cat-desc, .view-cat-banner{margin-bottom:15px;}
.view-bar h2{font-size:28px;}

.product-list li{width:50%;}
.product-list .thumb{margin-bottom:15px;}
.product-list .line3{display:none;}
.product-list .line2{display:block;height:15px;}
.product-list .b{margin:0 5px 0 0;}
.product-list li.o .b{margin:0 0 0 5px;}
.product-list a{font-size:12px;}

.product-img .i-gallery li{width:45px;height:45px;}
.product-summary .line{margin:35px 0;}
.product-summary .btn-radius, #product-inquiry .btn-radius{padding:0;width:100%;}
.product-summary .i-btn, .product-summary .i-share{width:100%;}
.product-summary .i-share{padding-top:30px;}

.product-info-line{margin:60px 0;}

.product-application li{width:50%;}
.product-application .b{margin:1px;}

.product-related li{width:50%;}
.product-related .b{margin:5px;}
.product-related a{font-size:12px;}
}