/** view **/
.view-bar{border:1px solid #EEE;border-left:none;border-right:none;height:43px;margin-bottom:20px;}
.view-filter{float:left;width:45%;position:relative;}
.view-filter .h, .view-filter .i-h, .view-sort .h{font-size:13px;line-height:43px;}
.view-filter .h{float:left;margin-right:40px;}
.view-filter li{float:left;position:relative;}
.view-filter .i-h{padding:0 15px;cursor:pointer;}
.view-filter li:hover .i-h, .view-sort:hover .h{background-color:#000;color:#FFF;}
.view-filter .i-items, .view-sort .items{position:absolute;display:none;top:43px;z-index:10;}
.view-filter .i-items{width:380px;padding:10px;}
.view-filter .i-items a span{display:inline-block;font-size:100%;padding:5px 12px;color:#555;}
.view-filter .i-items a{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#555;font-size:13px;}
.view-filter .i-price a{width:50%;}
.view-filter .i-variant a{width:25%;}
.view-filter .i-items a:hover{text-decoration:none;} .view-filter .i-items a:hover span{color:#F00;}
.view-filter-on{background-color:#F7F7F7;padding:15px 15px 11px 15px;margin-bottom:20px;}
.view-filter-on span{display:inline-block;background-color:#333;color:#DDD;padding:5px 12px;margin:0 4px 4px 0;white-space:nowrap;}
.view-filter-on span a{font-size:100%;color:#DDD;margin-left:4px;}
.view-filter-on span a:hover{color:#FFF;}

.view-page{float:right;line-height:43px;padding-left:15px;}
.view-page span{color:#777;}
.view-page a, .view-page span.off{display:inline-block;background-color:#EEE;color:#333;padding:5px 12px;vertical-align:middle;}
.view-page a:hover{text-decoration:none;background-color:#DDD;}
.view-page span.off{color:#999;}
.view-page span.record{margin-right:10px;font-size:12px;}
.view-sort{float:right;position:relative;}
.view-sort .h{color:#777;padding:0 20px;cursor:pointer;}
.view-sort .items{left:0;width:220px;}
.view-sort .items ul{padding:10px 20px;}
.view-sort .items a{display:block;padding:5px 0;color:#555;}
.view-sort .items a:hover{text-decoration:none;color:#F00;}

/** price **/
.price-login-show{font-family:Georgia;font-size:12px;font-style:italic;margin-bottom:8px;}
.price-login-show a{font-family:Georgia;font-size:12px;color:#F00;}

/** list **/
.product-list li{float:left;width:218px;margin-right:10px;}
.product-list li.nm{margin-right:0;}
.product-list li.line5, .product-list li.line2, .product-list li.line3{width:100%;margin:20px 0;clear:both;}
.product-list li.line2, .product-list li.line3{display:none;}
.product-list .thumb{border:1px solid #EEE;position:relative;margin-bottom:8px;}
.product-list .thumb img{width:100%;min-height:120px;}
.product-list .product-price{margin-bottom:5px;}
.product-list .sn{color:#999;margin-bottom:5px;font-size:10px;}
.product-list a{color:#333;font-size:12px;}
.product-list .product-op{top:auto;bottom:0;}
.product-list li:hover .product-op{height:38px;}

/** info **/
.tabs-h{border-left:2px solid #333;padding-left:12px;margin-bottom:20px;}
.tabs-h h2{font-size:18px;font-weight:400;}
#product-tabs .tabs-box{margin-bottom:60px;}
#product-tabs .input-wrapper{width:60%;}

.review-remark, .qa-remark{font-size:13px;margin-bottom:15px;}
.qa-remark a{font-size:100%;}

/** review **/
#product-review .btn-more{margin-bottom:25px;}
.review-list li{margin-bottom:20px;}
.review-list .text{background-color:#F2F2F2;margin-top:15px;padding:15px;position:relative;}
.review-list .rank-star i{font-size:12px;margin-right:2px;}
.review-list .d{font-size:12px;color:#999;}
.review-list .arrow{position:absolute;background-color:#F2F2F2;width:10px;height:20px;left:10px;top:-6px;
transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.col-product{margin-bottom:20px;}
.col-product li{float:left;width:175px;margin-right:15px;}
.col-product li.nm{margin-right:0;}
.col-product li.line{width:100%;clear:both;margin:15px 0;height:0;}
.col-product .thumb{border:1px solid #EEE;position:relative;}
.col-product .thumb img{width:100%;min-height:120px;}
.col-product .product-op{top:auto;bottom:0;}
.col-product li:hover .product-op{height:38px;}
.col-product .product-price{margin-top:8px;}
.col-product .name{font-size:12px;}

/** common **/
.view-filter .i-h, .view-sort .h, .view-page a, .product-list .thumb, .view-sort .items a,
.view-filter .i-items a span, .col-product .thumb
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}
.view-filter .i-items, .view-sort .items
{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-on span
{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.product-list li:hover .thumb, .col-product li:hover .thumb
{border:1px solid #BBB;-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.4);-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.4);box-shadow: 0 8px 15px rgba(0,0,0,0.4);}
.col-product .label-sale, .product-list .label-sale{position:absolute;right:10px;top:10px;z-index:1;}

@media screen and (max-width:1200px) {
.product-list li{margin:0;width:20%;}
.product-list .b{margin:5px;}
.product-list .product-op, .col-product .product-op{position:absolute;bottom:-45px;}
.product-list li:hover .product-op, .col-product li:hover .product-op{height:auto;}
.product-list .text, .col-product .text{padding-top:40px;}

.col-product li{margin:0;width:16.66%;}
.col-product .b{margin:5px;}
}

@media screen and (max-width:980px) {
.view-filter{width:65%;}
.view-page{display:none;}
.view-sort .items{left:auto;right:0;width:180px;}
.product-list li{width:33.33%;}
.product-list li.line3{display:block;}
.product-list li.line5, .product-list li.line2{display:none;}
}

@media screen and (max-width:720px) {
.view-filter{width:100px;}
.view-filter .h{cursor:pointer;margin:0;}
.view-sort .h{padding:0;}
#filter-by-menu{display:none;position:absolute;top:43px;left:0;width:100%;background-color:#333;z-index:2;}
#filter-by-menu li{float:inherit;clear:both;width:100%;border-bottom:1px solid #444;}
#filter-by-menu .i-h{color:#FFF;}
#filter-by-menu .i-h .fa{position:absolute;right:15px;top:0;line-height:43px;}
.view-filter .i-items{position:static;width:auto;}
.view-filter li:hover .i-h, .view-sort:hover .h{background-color:transparent;color:#333;}

#product-tabs .input-wrapper{width:100%;}

.col-product li{width:33.33%;}
.col-product li.line{display:none;}
.col-product .text{padding-bottom:15px;}
.col-product .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

@media screen and (max-width:640px) {
.product-list li{width:50%;}
.product-list li.line2{display:block;margin:10px 0;}
.product-list li.line5, .product-list li.line3{display:none;}
.product-list li .b, .col-product li .b{margin:0 5px 0 0;}
.product-list li.o .b, .col-product li.o .b{margin:0 0 0 5px;}
.product-list .name, .col-product .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.product-related{padding:20px 15px 15px 15px;border-top:15px solid #e8e8ed;}
.col-product{margin:0;}
.col-product li{width:50%;}

.product-add-cart-fixed{position:fixed;left:0;bottom:0;z-index:3;background-color:#D70D0D;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}

#main.product-main{padding-left:0;padding-right:0;}
#main.product-main .pos, #main.product-main #product-pic-info{padding-left:15px;padding-right:15px;}
#main.product-main #product-pic-info{padding-bottom:20px;}
#product-tabs .tabs{display:none;}
#product-tabs .tabs-box{border-top:15px solid #e8e8ed;padding:20px 15px;}
}