
/*弹出窗口*/
.modbox{width:750px;height: 420; padding:10px 20px 20px 20px;position: fixed;left:50%;margin-left:-400px;top:50%;margin-top:-210px;background-color:#fff;border:5px solid #dcdcdc;z-index:9999;display: none;}
.modbox h3{color:#505050;font-size: 14px;border-bottom:1px solid #bfbfbf;padding-bottom: 5px;}
.modbox h3 i.close-modbox{display: block;float: right;background:url(../images/x.png) no-repeat;width:12px;height: 12px;cursor: pointer;}

/*products*/
.pro-style{background-color:#f8f8f8;}
i.icon-look,i.mask,.top-pic p,.top-pic img{-webkit-transition: all 500ms linear;-ms-transition: all 500ms linear;-moz-transition: all 500ms linear;transition: all 500ms linear;}
.ul-pro-box{overflow: hidden;clear: both;padding-bottom:4px;}
.ul-pro-box li{/*width:25%;*/float: left;width:305px;border:1px solid #eee;margin-right:21px;margin-top:26px;background-color: #fff;}
.ul-pro-box li:hover{box-shadow: 0 0 4px #eee;}
.ul-pro-box li .probox{margin:12px;width:281px;}
.ul-pro-box li .probox .top-pic{position: relative;width:100%;height:204px;overflow: hidden;}
.ul-pro-box li .probox .top-pic>a{display: block;width:100%;}
.ul-pro-box li .probox .top-pic i{display: block;width:100%;position: absolute;}
.ul-pro-box li .probox .top-pic i.mask{background: #de342f;opacity:0;filter:alpha(opacity=0);height:204px;top:0;left: 0;width:100%;}
.ul-pro-box li .probox .top-pic i.icon-look{background:url(../images/icon-look.png) no-repeat;width:40px;height:40px;bottom:0;opacity:0;filter:alpha(opacity=0);margin-top:20px;left:50%;margin-left:-20px;z-index:9;}
.ul-pro-box li .probox .top-pic:hover i.icon-look{bottom:20%;opacity:1;filter:alpha(opacity=100);}
.ul-pro-box li .probox .top-pic:hover i.mask{opacity:.6;filter:alpha(opacity=60);}
.ul-pro-box li .probox .top-pic:hover p{top:40%;opacity: 1;filter:alpha(opacity=100);*display: block;}
.ul-pro-box li .probox .top-pic:hover img{transform: scale(1.1,1.1);}
.ul-pro-box li .probox .top-pic a{display: block;overflow: hidden;}
.ul-pro-box li .probox .top-pic a img{display: block;overflow: hidden;clear: both;}
.ul-pro-box li .probox .top-pic p{position: absolute;top:15%;width:100%;text-align: center;font-size: 14px;color:#fff;z-index:9;opacity:0;filter:alpah(opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*display: none;}
.ul-pro-box li .probox .center{}
.ul-pro-box li .probox .center h3{margin:15px 0 10px;overflow: hidden;clear: both;}
.ul-pro-box li .probox .center h3 a{font-size:15px;display: block;float: left;width:67%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ul-pro-box li .probox .center h3 span{color:#de342f;float: right;}
.ul-pro-box li .probox .center .word{height:46px;overflow: hidden;}
.ul-pro-box li .probox .center .word p{color:#959595;}
.ul-pro-box li .bottom{height:42px;line-height: 42px;border-top:1px solid #eee;}
.ul-pro-box li .bottom a{width:49%;display: block;float: left;text-align: center;font-size: 14px;color:#8c8c8c;}
.ul-pro-box li .bottom a:hover{color:#de342f;}
.ul-pro-box li .bottom i{display: block;width:1px;height:20px;background:#eee;float: left;margin-top:11px;}

.pview-left{float: left;border-right:1px solid #ddd;padding-right: 26px;padding-top:26px;padding-left:20px;}
.pview-left .ovclear{overflow: hidden;clear: both;}
.navtitle{padding:21px 0 0;overflow: hidden;clear: both;}
.navtitle h3{height:30px;line-height: 30px;float: left;color:#fff;width:104px;background: url(../images/arrow-down.png) no-repeat 88px 13px #333;padding-left:15px;}
.navtitle .navtitleright{float: right;}
.navtitle .navtitleright a{padding: 0 8px;}
.part-price-sort ul.pps{border:1px solid #ddd;background-color: #fff;}
.part-price-sort ul.pps li{line-height: 38px;border-bottom:1px solid #ddd;overflow: hidden;clear: both;}
.part-price-sort ul.pps li .lside-name{float: left;width:117px;text-align: center;}
.part-price-sort ul.pps li .rside-navtitle{padding:0 19px;float: left;width:1140px;border-left:1px solid #ddd;}

.part-price-sort ul.pps li .rside-navtitle a{padding:0 20px;}
.part-price-sort ul.pps li .rside-navtitle a:hover{color:#de342f;}
.part-price-sort ul.pps li .some-px a{display: block;float: left;}
.part-price-sort ul.pps li .some-px span{display: block;float: left;}
.part-price-sort ul.pps li .rside-navtitle a b{display: block;float: left;background:url(../images/search.png) no-repeat;width:13px;height: 12px;margin:13px 0 0 5px;opacity: 0;fiter:alpha(opacity=0);}
.part-price-sort ul.pps li .rside-navtitle a b.down{background-position: 0 -203px;opacity:1;filter:alpha(opacity=100);}
.part-price-sort ul.pps li .rside-navtitle a b.up{background-position: 0px -225px;display: block;opacity:1;filter:alpha(opacity=100);}
.pro-view{background-color:#fff;overflow: hidden;clear: both;}
.slide-fish{width:480px;float: left;}
.slide-fish ul.bigImg{}
.slide-fish .smallImg{overflow: hidden;clear: both;}
.slide-fish .smallImg li{width:78px;height:78px;float: left;overflow: hidden;position: relative;cursor: pointer;margin-right:8px;border:1px solid #fff;}
.slide-fish .smallImg li a{display: block;}
.slide-fish .smallImg li a img{width:78px;height: 78px; display: block;}
.slide-fish .smallImg li i{display: block;width:100%;height:78px;background-color:#fff;opacity:.4;filter:alpha(opcity=40);position: absolute;top:0;left: 0;}
.slide-fish .smallImg li.on{border-color:#de342f;}
.slide-fish .smallImg li.on i{display: none;}
.slide-fish .t2{width:480px;height:480px;}
.slide-fish .small-scroll{margin:10px 0;height:88px;overflow: hidden;clear: both;}
.slide-fish .small-scroll a.prev,.slide-fish .small-scroll a.next{display: block;width:14px;height:25px;background:url(../images/pro-view-nl.jpg) no-repeat;margin-top:28px;transition: none;}
.slide-fish .small-scroll a.prev{float: left;background-position: 0 -25px;}
.slide-fish .small-scroll a.next{float: right;}
.slide-fish .small-scroll a.prev:hover{background-position: 0 -75px;}
.slide-fish .small-scroll a.next:hover{background-position: 0 -50px;}
.slide-fish .small-scroll .bd{margin-left:20px;position: absolute;}

.redbold{color:#de342f;font-weight: bold;}
.fish-detail{width:498px;float: left;margin-left:35px;font-family: Arial;}
.fish-detail div{color:#555;}
.fish-detail h3{font-size: 18px;margin-bottom: 15px;}
.fish-detail .price{margin:65px 0 20px;font-size: 14px;line-height: 50px;}
.fish-detail .price p{margin-top:18px;}
.fish-detail .price p span.redbold{font-size: 20px;}
.fish-detail .price .redbold{font-size: 20px;}
.fish-detail .deliver select{border:1px solid #DCDCDC;}
.fish-detail .spec{margin-top: 15px;font-size: 14px;}
.fish-detail .spec .it{margin-top: 15px;font-size: 14px;}
.fish-detail .spec .it span a{display:  inline-block;position: relative; padding: 8px 16px; border: solid 1px #DDDDDD;margin-right: 8px;}
.fish-detail .spec .it span a.selected{border-color: #de342f;}
.fish-detail .pro-number{padding:20px 0 26px;overflow: hidden;clear: both;}
.fish-detail .pro-number a{width:32px;height: 32px;border:1px solid #dcddde;display: inline-block;line-height: 32px;text-align: center;font-size:14px;cursor: pointer;}
.fish-detail .pro-number input{border:1px solid #dcddde;text-align: center;display: inline-block;line-height: 32px;width: 38px;padding: 0px;}

.fish-detail .cart-buy{overflow: hidden;font-family: "microsoft yahei";}
.fish-detail .cart-buy a{display: block;float: left;width:198px;height:48px;border:1px solid #dedfe0;font-size: 16px;margin-right:15px;line-height: 48px;text-align: center;}
.fish-detail .cart-buy a:hover{background-color:#de342f;border-color:#de342f;color:#fff;}
.pview-right{width:240px;float: right;}
.pview-right h2{height: 62px;line-height:62px;font-size:16px;color:#545454;text-align: center;}
.pview-right .slider-protj{border-top:1px solid #ddd;border-bottom: 1px solid #ddd;padding:18px 20px 0;}
.pview-right .slider-protj .bd ul li{width:200px;height:192px;overflow: hidden;margin-bottom:10px;}
.pview-right .slider-protj .bd ul li p{height:42px;line-height: 42px;}
.pview-right .slider-protj .bd ul li p a{display: block;width:136px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#545454;}
.pview-right .slider-protj .bd ul li p span{color:#de342f;}
.pview-right .slider-protj .bd ul li img{width: 100%;}
.pview-right .slider-protj .hd{margin-top:23px;position: absolute;width:200px;}
.pview-right .slider-protj .hd a{display: block;height: 18px;width:33px;background:url(../images/pro-pn.png) no-repeat;}
.pview-right .slider-protj .hd a.prev{float: left;}
.pview-right .slider-protj .hd a.prev:hover{background-position: 0px -18px;}
.pview-right .slider-protj .hd a.next{float: right;background-position: -33px -18px;}
.pview-right .slider-protj .hd a.next:hover{background-position: -33px 0px;}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor: hand;left: 0;width:60px;height:60px;}
.pro-tab{background-color:#fff;}
.pro-tab .hdd{border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow: hidden;clear: both;padding:16px 0;}
.pro-tab .hdfix{position: fixed;top: 0;width:1300px;background-color:#fff;z-index: 9999;}
.pro-tab .hdd ul li{float: left;font-size: 14px;color:#545454;background:url(../images/line-tab.jpg) no-repeat right center;padding:0 60px;cursor: pointer;}
.pro-tab .hdd ul li.on{color:#de342f;}
.pro-tab .bdd{text-align: center;}
.pro-tab .bdd>div{padding:20px;}
.pro-tab .bdd .attr{max-width: 850px;margin: 20px auto 20px auto;padding-bottom: 30px; border-bottom: dashed 1px #ddd;}
.pro-tab .bdd .attr:after{clear: both;}
.pro-tab .bdd .attr li{    width: 20%;padding: 7px 5px;float: left;}

.evalute{text-align: left;}
.box1 h3.title{padding: 0 15px; font-size: 14px;line-height: 40px;color: #666;font-weight: 700;border: 1px solid #eee;background-color:#f7f7f7;margin-top:30px;text-align: left;}
.percentgood{overflow: hidden;clear: both;margin-bottom:25px;}
.percentgood .pgbox{width:15%;float: left;margin:2% 5% 0;}
.percentgood dl.total{text-align: center;}
.percentgood dl.total dt{font-size: 40px;color:#e4393c;line-height: initial;margin-top:0;}
.pgbox dd.percentjd{background-color:#FAFAFA;height:10px;width:100%;margin-top:10px;} 
/*.pgbox dl{margin-top:25px;}*/
.pgbox dl dt{margin-top:14px;}
dd.percentjd i{background-color:#e4393c;display: block;height:10px;width:50%;}
ul.evalute-titleul{overflow: hidden;border: 1px solid #F5F5F5;background-color: #FAFAFA;height: 30px;line-height: 30px;}
ul.evalute-titleul li{float: left;padding:0 20px;}
ul.evalute-titleul li.check a{color:#e4393c ;font-weight: bold;}
ul.evalute-titleul li.check a em.embold{font-weight: bold;}
/*.evalute-detail {margin-top:30px;}*/
.evalute-detail li{overflow: hidden;padding:30px 0;border-bottom:1px solid #ddd;}
.evalute-detail li:hover a.receivea{display: inline-block;visibility: visible;}
.showvisi{visibility: visible !important;}
.evalute-detail li div.column{float: left;}
.evalute-detail li div.starevalute{width:12%;}
.evalute-detail li div.personeva{width:87%;}
.evalute-detail .reply li{padding:10px 0;border:none;}
.evalute-detail .reply li span{color:#E10000}
.evalute-detail .reply{ margin:20px 0;border-top:1px dashed #ddd;padding-top:10px;}
.evalute-detail .replylist{display: none;}
.evalute-detail .replylist .receive{border-top: dashed 1px #DDDDDD;padding-top: 10px; padding-bottom: 10px; clear: both;}
.evalute-detail .replylist .receive a.receivea{visibility: visible;clear: both;padding-top: 5px;display: inline-block;}
.evalute-detail .replylist .receive .content{width: 670px;float: left;}
.evalute-detail .receive .user-name{color: #005ea7;}
.otherbox{text-align: left;padding:20px 0;}
.personeva .comment{padding:10px 0;line-height: 23px; }
.personeva .comment dd{float: left;margin-left: 5px;margin-right: 5px;}
.personeva .comment .show-pic{margin-top: 5px;}
.personeva .comment .show-pic dd{position: relative;}
.personeva .comment .show-pic dd a{cursor: url(../images/fd.png),auto;display: block;border:1px solid #fff;}
.personeva .comment .show-pic dd a.on{border:1px solid #DE342F;}
.personeva .comment .show-pic a.sc_prev,.personeva .comment .show-pic a.sc_next{font-size: 40px;display: block;background-color:#ccc;width:30px;;text-align:center;padding:29px 0;float: left;}
.personeva .comment .show-pic a.sc_prev{}
.personeva .comment .show-pic a.sc_next{}
.personeva .comment .show-pic .sc_bd{float: left;width:100%;margin:0 10px;}
.personeva .sc_picbox {width:100%;margin-bottom:15px;display: none;clear: both;}
.personeva .sc_picbox .sc_pictab{padding:14px 0;}
.personeva .sc_picbox .sc_pictab a{margin-right: 15px;;}
.personeva .sc_picbox .sc_pictab em{display: inline-block;background:url(../images/commentsListIcons2.png) no-repeat;width:16px;height: 16px;}
.personeva .sc_picbox .sc_pictab em.icon-up{background-position: -286px 0px;}
.personeva .sc_picbox .sc_pictab em.round-left{background-position: -333px 0px;}
.personeva .sc_picbox .sc_pictab em.round-right{background-position: -357px 0px;}
.personeva .sc_photo {text-align: center;border:1px solid #ccc;padding:10px 0;cursor: url(../images/fx.png),auto;height: 405px;display: table-cell;vertical-align: middle;width:816px;overflow: hidden;}
.personeva .sc_photo img{display: inline-block;vertical-align: middle;}
.personeva .receive{clear: both;}
.personeva a.receivea{color:#666;visibility: hidden;}
.personeva .receivebox{background-color:#FAFAFA;padding:20px 2% 10px 2%;width:96%;display: none;}
.receivebox p{text-align: right;margin-top:10px;}
.receivebox p .submita{width:80px;height: 30px;border:none;cursor:pointer;background-color:#E10000;display: inline-block;color:#fff;text-align: center;margin-left:20px;}
.receivebox textarea{width:96%;height: 64px; resize:vertical;border:1px solid #ddd;padding:2%;}
.evalute-detail li div.rankevalute{width:72%;padding:0 2%}
.evalute-detail li div.rankevalute .member{width:50px;height: 50px;border-radius:100%;overflow: hidden;margin:auto;}
.evalute-detail li div.rankevalute .member img{width:100%;}
.loadmore{border-radius: 3px;cursor: pointer;}

div.rankevalute .menber-rank{margin-top:6px;}
.menber-rank>span{font-size: 14px;}
.menber-rank span{display: block;text-align: center;}
.menber-rank span.red{color:#e4393c;}
.starevalute .grade-stars{width:85px;height:22px;background:url(../images/commentsListIcons1.png) no-repeat;margin-left: 15px;margin-top:10px;clear: both;
}
.starevalute .grade5{background-position:0px 2px;}
.starevalute .grade4{background-position:-15px 2px;}
.starevalute .grade3{background-position:-33px 2px;}
.starevalute .grade2{background-position:-49px 2px;}
.starevalute .grade1{background-position: -66px 2px;}
.starevalute .grade0{background-position:-83px 2px;}


.pages{text-align: right;padding:68px 0 43px;}
.pages a{display: inline-block;padding: 8px 15px;border:1px solid #ddd;text-align: center;font-size: 14px;margin:0 6px;color:#787878;}
.pages a:hover,.pages .current{border-color:#de342f;color:#fff;background-color:#DE342F}

/*slidedown cart*/
.cart-slidedown{position: absolute;width:348px;background-color: #fff;border:1px solid #dcdcdc;border-top:none;left: -75px;z-index:999;top:42px;display: none;}
.cart-slidedown h3{font-size: 14px;color:#323232;border-bottom: 1px solid #dcdcdc;height: 32px;line-height: 32px;padding:0 14px;}
.cart-slidedown h3 p{float: right;}
.cart .cart-slidedown li{border-bottom:1px dashed #e5e5e5;margin-left: 0;float: initial;overflow: hidden;clear: both;padding:14px 0px 14px 3px;width:325px;}
.cart .cart-slidedown li:hover{background-color: #FFF4E0;}
.cart-slidedown ul{min-height: 45px;max-height: 282px;overflow-y:scroll ;overflow-x: hidden;}
.cart .cart-slidedown li .cart-pro{float: left;width:100%;}
.cart .cart-slidedown li .cart-pro .pic-box{float: left;width:60px;height: 60px;overflow: hidden;}
.cart .cart-slidedown li .cart-pro .cart-pro-num{float: left;margin-left:5px;width:142px;height:65px;overflow: hidden;}
.cart .cart-slidedown li .cart-pro .cart-pro-num a{color:#545454;line-height: 20px;display: block;padding:0;text-align: justify;}
.cart .cart-slidedown li .cart-pro .cart-pro-num a:hover{color:#3f3f3f;}
.cart .cart-slidedown li .cart-pro .pic-box img{display: block;width:100%;}
.cart .cart-slidedown li .close-price{width: 104px;overflow: hidden;}
.close-price{float: right;}
.close-price p{margin-top:30px;font-weight: bold;text-align: right;}
.close-price button{cursor: pointer; display: block;background:url(../images/cart-slide-close.png) no-repeat;width:14px;height: 14px;border:none;float: right;}
.sum-box{height: 48px;line-height: 48px;overflow: hidden;/*border-top:1px solid #dcdcdc;*/}
.sum-box div{float: right;}
.sum-box .check{margin-left: 14px;color: #000;margin-top:14px;float: left;}
.sum-box .sum{color:#000;margin-right:12px;}
.sum-box .sum .red{font-size: 16px;}
.sum-box a.slidecart-js{display: block;float: right;width:100px;background-color:#de342f;text-align: center;font-size: 14px;color:#fff;cursor: pointer;}
.slidedown-ds{position: absolute;background-color:#fff;top:42px;width:100%;border:1px solid #dcdcdc;left: -1px;border-top:none;display: none;padding:10px 0 15px;z-index:99;text-align: center;}
.header-topcar .slidedown-ds a{display: block;color: #505050;line-height: 26px;}
.slidedown-ds a:hover{color: #de342f;}

.page{background:#fff;padding:2%;}
.page-title{text-align: center;border-bottom:1px solid #eee;}
.page-title h3{font-size: 16px;line-height: 40px;}
.page-nr{padding:1% 0;}
#mask{width:100%;height: 100%; background-color:#000;opacity:0.3;-webkit-opacity: 0.3;-moz-opacity: 0.3; filter:alpha(opacity=30);position: fixed;top:0;left: 0;z-index:999;display: none;}

i.icon-check-zf{display: none;width: 17px;height: 17px;position: absolute;bottom: 0;right:0;z-index:99;background:url(../images/icon-zf-check.png) no-repeat;}
.selected i.icon-check-zf{display: block;} 
.ico-login{position: absolute;left: 95%;top: 16px;}
.i-err{color: #e22;}
.i-suc i,.i-err i,.i-tip i{display: inline-block;width: 17px;height: 17px;vertical-align: middle;background: url(../images/ico.png) 999px 999px no-repeat;}
.i-suc i{background-position: 0px -17px;}
.i-err i{background-position: -17px 0px;}
.i-tip i{background-position: 0px 0px;}
.setprice input{width: 50px;padding: 2px;vertical-align: middle;}
.setprice input[type='button']{ background-color: #f1f1f1; border: solid 1px #ddd; padding: 3px;font-size: 12px;}
.unedit,input.unedit,.edit-user-infor ul li input[type='text'].unedit{border: none;background: transparent;}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);

}