@charset "utf-8";
button,input, textarea, select { font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif; outline:none; }
body { -webkit-font-smoothing: antialiased; background-color: #fff; font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif; color: #666; }
a { color: #404040; text-decoration: none }
a:hover { color: #ff3333; }
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}

.wrapper{ width:1200px; min-width:1200px; margin-left:auto; margin-right:auto; }

.pagebar { border-top: none; margin-top: 20px; }
#pager { white-space: nowrap; }
#pager .pg { font-size: 16px; text-align: center }
#pager .pg a,
#pager .pg a:link,
#pager .pg a:visited,
#pager .pg span.current,
#pager .pg span.first,
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg span.last { margin-right: 5px;  background: #fff; border: 1px solid #ccc; color: #888; font-family: 'Tahoma'; text-decoration: none; display: inline-block; *display:inline;
zoom: 1; height: 30px; padding: 0 12px; text-align: center; line-height: 30px; font-size: 16px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;  }
#pager .pg a:hover { background: #7aaf1c; border: 1px solid #7aaf1c; color: #fff; }
#pager .pg span.current { border: 1px solid #7aaf1c; background: #7aaf1c; color:#fff; font-weight: bold; font-size: 16px; }
#pager .pg span.extend { padding: 0 5px 8px 0; zoom: 1 }
#pager .pg span.first,
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg span.last { display: none; border: 1px solid #d8d8d8; border: 1px solid #fff; color: #f10180; }
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg a.prev,brand-txt-ph
#pager .pg a.prev,
#pager .pg a.next { padding: 0 5px; }
#pager .pg span.first,
#pager .pg span.last,
#pager .pg a.first,
#pager .pg a.last { padding: 0 5px; }

.page-none{background:none; text-align:center; height:400px; line-height:400px; font-size: 16px;}


/*搜索*/
.top-search { float:right;}
.top-search form{ border: solid #7aaf1c; border: solid #7aaf1c; border-width: 3px 3px 3px 3px; width:296px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.top-search fieldset{ position: relative;z-index:9999;}
.top-search legend{ display: none;}
.top-search .search-input {background: #fff;height:28px;position: relative;}
.top-search .top-s-combobox {height: 28px;float: left;font-size: 12px; position:relative;}
.top-search .top-s-combobox .top-s-input-wrap {_float: left;position: relative;height: 28px;vertical-align: middle;}
.top-search .top-s-combobox .top-s-input{color: #000;margin: 0;position: relative;z-index: 2; width:165px; height: 20px;line-height: 20px; padding:4px 5px;border: 0;font-weight: 900;background: url("data:image/gif;base64,R0lGODlhAQADAJEAAObm5t3d3ff39wAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==") repeat-x scroll 0 0 transparent;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;_height: 18px;_line-height: 18px;}
.top-search .top-s-placeholder{ color: #666; font-size: 12px; line-height: 28px;height: 28px; position: absolute; left:5px; top: 0; z-index: 1;}
.top-search .top-s-buttom{position: absolute;right: 0;top: 0;width: 60px;border: 0; outline:0;font-size: 16px; cursor: pointer;color: #fff;background-color: #7aaf1c;background-color: #7aaf1c;height: 28px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; _right: -1px;}
.icon-search-w-1{ display:inline-block; width:9px; height:5px; background:url(http://www.ef360.com/_public2012/css/images/icon_search.png) 0 -20px;}
.search-type{ width:60px; position:relative; z-index:999999; float:left; }
.search-type-text i{ position:absolute; right:8px; top:12px; }
.search-type-text{ font-weight:bold; background-color:#7aaf1c; color:#fff; float:left; width:46px; line-height:28px; text-align:center; position:relative; padding-right:16px; cursor:pointer;}
.search-type-list{ width:63px;position:absolute; z-index:999999; left:-3px; top:28px; background-color:#fff; display:none;}
.search-type-list ul{ border:3px solid #7aaf1c; border-top:none;}
.search-type-list ul li{ height:28px; line-height:28px; padding:0 10px; border-top:1px solid #eee; text-align:center; cursor:pointer;}
.search-type-list ul li.active{ background-color:#efefef;}
/*搜索*/


/*公共搜索*/
.public-search{ line-height: 1em; }
.public-search form{ border: solid #7aaf1c; border-width: 2px; font-size: 12px; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; }
.public-search fieldset{ position: relative; z-index:9999; border: none; }
.public-search legend{ display: none; font-weight: normal; }
.public-search .public-search-box { background: #fff; height:28px; position: relative; }
.public-search .icon-search-down{ display:inline-block; width:9px; height:5px; background:url(http://www.ef360.com/_public2012/css/images/icon_search.png) 0 -20px;}
.public-search .public-search-type{ position:absolute; z-index:999999; left: 0; top:0; width:60px; }
.public-search .public-search-type-text i{ position:absolute; right:8px; top:12px; }
.public-search .public-search-type-text{ background-color:#7aaf1c; color:#fff; float:left; width:46px; line-height:28px; text-align:center; position:relative; padding-right:14px; cursor:pointer;}
.public-search .public-search-type-list{ width:62px;position:absolute; z-index:999999; left:-2px; top:28px; background-color:#fff; display:none;}
.public-search .public-search-type-list ul{ border:2px solid #7aaf1c; border-top:none;}
.public-search .public-search-type-list ul li{ height:28px; line-height:28px; padding:0 10px; border-top:1px solid #eee; text-align:center; cursor:pointer;}
.public-search .public-search-type-list ul li.active{ background-color:#efefef;}
.public-search .public-search-inputbox { position:relative; z-index: 9; }
.public-search .public-search-inputbox .public-search-inputbox-wrap { position: relative; padding: 0 70px 0 60px; background: url("data:image/gif;base64,R0lGODlhAQADAJEAAObm5t3d3ff39wAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==") repeat-x scroll 0 0 transparent;}
.public-search .public-search-inputbox .public-search-input{ border: none; outline:0; color: #000; position: relative; z-index: 2; width:100%; height: 28px;line-height: 28px; padding:0px 5px; font-weight:normal; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; _height: 26px;_line-height: 26px; background-color: transparent;}
.public-search .public-search-inputbox .public-search-placeholder{ color: #999; font-size: 12px; line-height: 28px;height: 28px; position: absolute; left:65px; top: 0; z-index: 1;}
.public-search .public-search-buttom{z-index:999999; position: absolute; right: 0; top: 0; width: 60px; border: 0; outline:0; font-size: 12px; cursor: pointer; color: #fff; background-color: #7aaf1c; height: 28px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; _right: -1px;}
/*公共搜索*/

.page-bg{ background:#e1f3fe url(images/bg.jpg) no-repeat center top; }
.page-bg-box{ width:1200px; margin-left:auto; margin-right:auto; background: #fff; padding: 15px; }


.main-head{ }
.logo .logo1{ float:left; margin:20px 0; display: block; width: 190px; height: 50px; text-indent: -999999px; background-position: left center; background-size: auto 100%; background-repeat: no-repeat;
background-image: url(http://www.baobei360.com/_public2012/css/images/logo@1x.png); background-image: -webkit-image-set(url(http://www.baobei360.com/_public2012/css/images/logo@1x.png) 1x, url(http://www.baobei360.com/_public2012/css/images/logo@2x.png) 2x); }
.logo .logo2{ float:left; margin:15px 0 0 20px; font-size:40px; font-weight:bold; color:#7aaf1c; text-decoration:none;}


.main-nav { background-color:#7aaf1c; padding: 8px 0; min-width: 1200px; }
.main-nav .main-menu-tit { font-size: 14px; line-height: 24px; text-align: center; float: left; font-weight: bold;}
.main-nav .main-menu-tit a { display: block; width: 18px; padding:2px 5px; background: #276fd8; color:#7aaf1c; text-decoration:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.main-nav .main-menu { float: left; margin-bottom: 20px; }
.main-nav .main-menu li { float:left; font-size:14px; line-height:1.5em; }
.main-nav .main-menu li.line { margin: 4px 0px 0; padding: 0; height: 14px; width: 0; overflow: hidden; border-left: 1px solid #fff;}
.main-nav .main-menu li a { color:#fff; padding: 0 13px; display: inline-block;}
.main-nav .main-menu li a:hover { text-decoration:none; background: #95bf49; }

.main-menu2 { float: left; font-size: 14px; }
.main-menu2 li { float: left; }
.main-menu2 dt { float: left; font-weight: bold;}
.main-menu2 dd { float: left; }
.main-menu2 a { padding: 0 7px; color: #fff; }

.sub-navbar{ position: relative; z-index: 1; background: #7aaf1c; line-height: 60px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.sub-navbar a:hover{ text-decoration: none;}
.sub-navbar h1{ float: left; padding: 0 15px; font-size:32px; line-height: 60px; color: #7aaf1c}
.sub-navbar h1 a{ color: #fff}
.sub-navbar ul{ }
.sub-navbar ul li{ float: left; font-size: 16px;}
.sub-navbar ul li.line{ margin-top: 23px; border-left: 1px solid #fff; width: 0px; height: 16px;}
.sub-navbar ul li a{ display: block; margin:15px 0; padding: 0 18px; color: #fff; line-height: 30px;}
.sub-navbar ul li a:hover{ color: #eee}
.sub-navbar ul li.active { margin: 0 -1px;}
.sub-navbar ul li.active a{ background: #fff; color: #7aaf1c;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }


/*面包屑导航*/
.crumb{ font-size:12px; color:#888; clear:both; height:50px; line-height:50px; }
.crumb a,
.crumb a:visited{ color:#888;}
.crumb a:hover{ color:#888;}

.col-lft{ float:left; width:860px; }
.col-rgt{ float:right; width:300px;}

.cate-dir { overflow: hidden; } 
.cate-dir .cate-box { margin-top: -1px;} 
.cate-dir .cate-box { border-top: 1px dotted #ddd; padding: 10px 0;} 
.cate-dir .cate-box h3 { width: 240px; margin-bottom: 10px; font-size: 14px; }
.cate-dir .cate-box h3 a{ display: block; margin-right: 20px; padding: 0 5px; height: 3em; line-height: 3em; text-align: center; background: #7aaf1c; color: #fff; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px;}
.cate-dir .cate-box dl { margin: 10px 0; font-size: 14px; }
.cate-dir .cate-box dl dd { }
.cate-dir .cate-box dl dd.lvl-1 { }
.cate-dir .cate-box dl dd.lvl-2 { }
.cate-dir .cate-box dl dd.lvl-2 dl { padding-left: 134px; }
.cate-dir .cate-box dl dd.lvl-3 { float: left; }
.cate-dir .cate-box dl dd a { padding: 0 15px; height: 2.2em; line-height: 2.2em; overflow: hidden; -webkit-border-radius:14px; -moz-border-radius:16px; border-radius:16px;}
.cate-dir .cate-box dl dd a:hover { background: #eee; }

.cate-dir .cate-box dl dd.lvl-1 a { display: block; background: #7aaf1c; font-weight: bold; font-size: 18px; color: #fff; -webkit-border-radius:2.2em; -moz-border-radius:2.2em; border-radius:2.2em; }
.cate-dir .cate-box dl dd.lvl-2 a { float: left; display: inline-block; margin: 1px; width: 100px; background: #eee; border: 1px solid #eee; font-weight: normal; font-size: 14px; color: #333; }
.cate-dir .cate-box dl dd.lvl-2 a:hover { border: 1px solid #7aaf1c; background: #7aaf1c; color: #fff; }
.cate-dir .cate-box dl dd.lvl-3 a { display: block; margin: 1px; width: 100px; background: #fff; border: 1px solid #fff; font-weight: normal; font-size: 14px;color: #333; }
.cate-dir .cate-box dl dd.lvl-3 a:hover { border: 1px solid #eee; background: #fff; color: #333; }

.cate-dir .cate-box dl dd.lvl-1 ul { margin-bottom: 30px; } 
.cate-dir .cate-box dl dd.lvl-1 ul li { margin: 1px; } 
.cate-dir .cate-box dl dd.lvl-1 ul li a { padding: 5px; margin: 0px; width: 120px; height: 60px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.cate-dir .cate-box dl dd.lvl-1 ul li a img{ width: 120px; height: 60px; } 
	

/*焦点图片*/
.page-more{ height:50px; line-height:50px; text-align:center; font-size:16px;}
.page-more a{ color:#38f;}

.w-box{ }
.w-box .box-hd{ height: 40px; border-bottom: 2px solid #7aaf1c;}
.w-box .box-hd h1,
.w-box .box-hd h2{ font-size: 32px; line-height: 1em; color: #7aaf1c; font-weight:700;}
.w-box .box-hd a{ color: #7aaf1c; }  
.w-box .box-bd { }

.right-box{ }
.right-box .box-hd{ height: 30px; border-bottom: 2px solid #7aaf1c;}
.right-box .box-hd h2{ font-size: 20px; line-height: 1em; color: #7aaf1c; font-weight:700;}
.right-box .box-hd h2 a{ color: #7aaf1c; }  
.right-box .box-bd { }

.r-box{ border:1px solid #ddd; }
.r-box .hd { height:40px; line-height:40px; position:relative; text-align:center; border-bottom:1px solid #ddd;}
.r-box .hd h2{ font-size:20px; line-height:39px; color:#7aaf1c; border-bottom:2px solid #7aaf1c; display:inline-block; margin:auto;}
.r-box .hd i{ display:none; width:64px; height:2px; background-color:#7aaf1c; border-right:2px solid #fff; position:absolute; left:0; bottom:0px;}
.r-box .bd{ padding:9px; }

.more-box{  }
.more-box .hd { position:relative; text-align:center; }
.more-box .hd h2{ position:relative; padding: 0 3em; font-size:24px; line-height:1em; color:#7aaf1c; display:inline-block; margin:auto;}
.more-box .hd h2:before,
.more-box .hd h2:after{ position: absolute; left: 0; top: 50%; width: 2em; height: 2px; background: #7aaf1c; display: inline-block; content: ''; }
.more-box .hd h2:after{ left:auto; right: 0; }
.more-box .bd{ }


.news-txt-ph { line-height: 24px; font-size: 16px; }
.news-txt-ph li { height: 24px; padding:4px 0; overflow: hidden;  }
.news-txt-ph li .hits { float: right; margin-left: 10px; color: #7aaf1c; font-size: 12px; }
.news-txt-ph li em { font-style: normal; font-size: 12px; background: #7aaf1c; width: 18px; height: 16px; margin-right: 10px; display: inline-block; line-height: 16px; text-align: center; color: #fff }
.news-txt-ph li em.num1 { font-weight: bold; background: #f10180; }
.news-txt-ph li em.num2 { font-weight: bold; background: #f43499; }
.news-txt-ph li em.num3 { font-weight: bold; background: #f767b3; }

.js_tab .js_tab_btn a{ display: inline-block; height: 28px; line-height: 28px; background: #efefef; color: #7aaf1c; padding: 0 10px; margin-left: 1px; font-size: 14px;}
.js_tab .js_tab_btn a.active{ background: #7aaf1c; color: #fff;}
.js_tab .js_tab_con{ display: none; }
.js_tab .js_tab_con.active{ display: block; }


.ul-round { position: relative; font-size: 16px; }
.ul-round li { position: relative; padding-left: 12px; overflow: hidden }
.ul-round li:after { content: ""; background: #ccc; width: 4px; height: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px }
.ul-round li { height: 32px; line-height: 32px; }
.ul-round li em.lbl{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; color: #77c; font-style:normal;}
.ul-round li em.lbl a{ color: #77c; }
.ul-round li .date{ float: right; font-size: 14px; color: #999; margin-left: 30px; }
.ul-round li .btn-jm{ float: right; margin-top: 5px; padding: 5px; line-height: 1em; font-size: 12px; color: #fff; background: #7aaf1c; margin-left: 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;  }

.ul-round.ul-round-a { position: relative; font-size: 16px; overflow: hidden;/* border-bottom: 1px solid #ddd; margin-bottom: 11px;*/ }
.ul-round.ul-round-a li { position: relative; padding-left: 12px; margin-top: -1px; padding-top: 8px; padding-bottom: 8px; overflow: hidden; border-top: 1px dotted #ddd;}
.ul-round.ul-round-a li:after { content: ""; background: #ccc; width: 4px; height: 4px; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; display: block; position: absolute; left: 0; top: 23px; margin-top: -2px }
.ul-round.ul-round-a li { height: 80px; line-height: 32px; }
.ul-round.ul-round-a li a{ display: block; height: 32px; line-height: 32px; overflow: hidden;}
.ul-round.ul-round-a li p{ height: 40px; line-height: 20px; overflow: hidden; font-size: 12px;}
.ul-round.ul-round-a li em.lbl{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; color: #77c; font-style:normal;}
.ul-round.ul-round-a li em.lbl a{ color: #77c; }


.brand-rank li{ border-top: 1px dotted #ddd; }
.brand-rank li .tit{ padding: 0 0 0 30px; line-height: 40px; font-size: 16px; position: relative; }
.brand-rank li .num{ position: absolute; left: 0; top: 11px; display: block; width: 18px; height: 18px; line-height: 18px; font-size: 12px; color: #fff; text-align: center; background: #7aaf1c;}
.brand-rank li .percent{ position: absolute; right: 25px; top: 12px; width: 50px; height: 5px; background: #eee; float: right; margin: 5px 0 0 10px;}
.brand-rank li .percent em{ display: block; width: 50%; height: 5px; line-height: 1em; background: #7aaf1c; font-size: 10px;}
.brand-rank li .percent em span{ display: block; position: absolute; right: -25px; top: -3px; font-style: normal; color: #888;}
.brand-rank li .logo{ display: none; float: left; margin-right:20px; padding: 5px; background: #fff; border: 1px solid #ddd;}
.brand-rank li .desc{ display: none; font-size: 12px; color: #888;}
.brand-rank li.active { height: 122px; }
.brand-rank li.active .logo{ display: block;}
.brand-rank li.active .desc{ display: block;}



.series-list-import { margin: 0px 0 0 -12px;}
.series-list-import li{ float:left; position: relative; width: 279px; margin: 12px 0 0 12px; padding: 5px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.series-list-import li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.series-list-import li .pic{ position: relative; z-index: 0; }
.series-list-import li .pic img{ width: 279px; height: 157px;}
.series-list-import li .country{ position: relative; z-index: 1; margin: -14px auto 0; border: 1px solid #fff; padding: 4px 0px; width:120px; text-align: center; background: #7d9b16; color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;}
.series-list-import li .tit{ display: block; margin:0 5px 0px; font-weight:normal; text-align: center; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden;}
.series-list-import li .desc{ margin:0px 10px 10px; padding-top: 10px; height: 72px; border-top: 1px dotted #ddd; line-height: 24px; font-size: 14px; overflow: hidden;}





/*搜索导航*/
.btn-top,
.btn-top:visited{display:inline-block; height:32px; line-height:32px; width:100px; border:1px solid #ec3300; background-color:#ec3300; color:#fff; text-align:center; font-family:'Microsoft YaHei'; font-size:16px; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; background-image: -moz-linear-gradient(top, #fb4200, #ec3300); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fb4200), color-stop(1, #ec3300));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb4200', endColorstr='#ec3300', GradientType='0');behavior: url(/_Public2012/css/pie/pie.htc); }
.btn-top:hover{ text-decoration:none; border:1px solid #ff6400; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);box-shadow:0px 1px 3px rgba(0,0,0,0.3); background-image: -moz-linear-gradient(top, #ff6400, #ff6400); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6400), color-stop(1, #ff6400));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6400', endColorstr='#ff6400', GradientType='0');behavior: url(/_Public2012/css/pie/pie.htc);}

.btn-top-grey,
.btn-top-grey:visited{display:inline-block; height:32px; line-height:32px; width:100px; border:1px solid #e3e3e3; background-color:#e3e3e3; color:#444; text-align:center; font-size:12px; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; background-image: -moz-linear-gradient(top, #f2f2f2, #e3e3e3); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #e3e3e3)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e3e3e3', GradientType='0'); /* IE*/ behavior: url(/_Public2012/css/pie/pie.htc); }
.btn-top-grey:hover{ text-decoration:none; border:1px solid #ccc; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);box-shadow:0px 1px 3px rgba(0,0,0,0.3); background-image: -moz-linear-gradient(top, #f2f2f2, #f2f2f2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #f2f2f2));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType='0');behavior: url(/_Public2012/css/pie/pie.htc); }

.searchbox{ border:1px solid #CCC; padding:6px 12px 6px 12px; line-height:24px;background:#fff;}

.catelist { padding:5px 0; line-height:18px;border-top: 1px dotted #ddd; }
.catelist .hd{ float:left; width:60px; text-align:right; }
.catelist .bd{ padding-left: 60px; }
.catelist.first { border-top: none;}
.catelist a{ display:inline-block; padding:0 5px; margin:2px 0;}
.catelist a.current,
.catelist a.current:visited,
.catelist a.current:hover{ color:#fff; font-weight:bold; background:#7aaf1c; padding:0 5px;}
.catelist span{display:inline-block; color:#888; margin:2px 0;}
.selectedbar{ margin-top: -1px; border:1px solid #CCC; padding:1px;color:#333;position:relative;zoom:1;z-index:999;}
.selectedbar .selected{padding:3px 10px; background:#F9F9F9; line-height:20px;}
.filter-bar span,
.filter-bar a.par{display:inline-block;float:left;overflow:hidden;height:15px;line-height:15px;line-height:16px\0;position:relative;}
.filter-bar a.par:after { position:absolute; right:0px; top:0px; overflow:hidden; width:15px; height:15px; line-height:15px; background: #7aaf1c; color: #fff; font-size: 15px; text-align: center; font-weight: 100; font-family: "sans-serif"; content: "\00d7"; }
.filter-bar a.par,
.filter-bar a.par:visited{ background-color:#fff; border:1px solid #7aaf1c; color:#888; padding:0 22px 0 5px; margin-right:5px; }
.filter-bar a.par:hover{ border-color:#7aaf1c; color:#7aaf1c; text-decoration:none; }
.filter-bar .filter-bar-txt span{color: #7aaf1c; font-size:14px; font-weight:bold; }


.searchbar{ position: relative; z-index: 0; background-color:#fff; border-bottom:3px solid #F7F5F5;}
.searchbar .search-q{ margin:0; padding:0 3px; height:20px; line-height:20px; border:1px solid #CCC; border-right:none; float:left; }
.searchbar .search-btn{ display:inline-block; padding:0 10px; font-size: 14px; line-height:20px; height:22px; text-decoration:none; border:1px solid #888; background: #888; color: #fff; cursor:pointer; float:left;}
.searchbar .hotsearch a{ padding: 0 5px;}
.filter {margin: 10px 0 10px;}
.filter .f-wrapper{ _position: static; z-index: 11; height:30px; top:0; width:1000px;}
.filter .f-wrapper .f-inner{ padding: 5px 5px 5px 6px; position:relative; _position: static; z-index: 10; background: #faf9f9;color: #806f66; }
.filter .f-wrapper .f-shadow{ height:1px; overflow:hidden; background-color:#ccc; border-bottom:3px solid #F7F5F5; display:none;}
.filter a {color: #806f66;cursor: pointer;}
.filter a.fSort,
.filter a.fSort:visited{float: left;height: 22px;line-height: 20px;line-height: 24px\9; border: 1px solid #ccc;background-color: #fff;z-index: 10;position: relative;display: inline-block;margin-left: -1px;overflow: hidden;padding: 0 15px 0 5px; text-decoration:none;}
.filter a.fSort:hover { color: #B10000;background: #F1EDEC;}
.filter i { position: absolute;display: inline-block;overflow: hidden; }
.filter .fSort i { background: url(images/icon.png) no-repeat 9999px 9999px; top: 6px;right: 5px;width: 7px;height: 10px;line-height: 10px; }
.filter a.fSort-cur,
.filter a.fSort-cur:visited,
.filter a.fSort-cur:hover,
.filter a.fSort:hover{color: #B10000;background: #F1EDEC}
.filter .f-ico-arrow-d {background-position: -30px -23px;}
.filter .fSort .f-ico-arrow-d {background-position: -22px -23px;}

.cate-focus { float:left; margin:15px 0 0 0px; width:240px; height:442px; overflow:hidden; background-color:#fcfafc; color:#eee; position:relative;}
.cate-focus li { position: relative;}
.cate-focus li a{ color:#7aaf1c;}
.cate-focus li .lable{ color:#676767; background-color:#fcfafc; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; position:absolute; left:0; bottom:0; height:30px; line-height:30px; font-size:12px; padding:0 10px; font-weight:bold;}
.cate-focus li .tit{ margin:10px 10px 5px; overflow:hidden; height:24px; line-height:24px; font-weight:bold; font-family:'Microsoft YaHei'; font-size:18px; }
.cate-focus li .tit-en{ color:#666; margin-left:10px; font-weight:normal; font-size:15px; }
.cate-focus li .desc{ padding:0 10px 0; height:4.5em; line-height:1.5em; overflow: hidden; font-size:14px; color:#888; }


.cate-brand { float: left; margin:10px 0 0 10px; }
.cate-brand li { position:relative; margin:5px 0 0 5px; width:140px; height:140px; padding:1px; _display:inline; float:left; text-align:center; background-color:#fff; overflow:hidden; border:1px solid #eee; position:relative;}
.cate-brand li.active { padding:0px; border:2px solid #e8467b; background-color:#fbeef4; }
.cate-brand li .logo{ text-align:center; padding:10px; display:block; height:60px; background:#fff url(/_public2012/css/images/loading.gif) no-repeat center center;}
.cate-brand li a.tit,
.cate-brand li a.tit:visited { margin:0 10px 0; padding-top:5px; font-family:'Microsoft YaHei'; font-size:14px; font-weight:normal; height:22px; line-height:22px; overflow:hidden; border-top:1px solid #eee; display:block; }
.cate-brand li a.tit:hover{ text-decoration:underline; }
.cate-brand li .tit-sub{ color: #888; font-family:'Microsoft YaHei'; font-size:12px; height:24px; line-height:24px; padding:0 10px; display:block; overflow:hidden; }
.cate-brand li .icon-vip1{ display:inline-block; width:32px; height:32px; background:url(images/icon_vip1.png) no-repeat left top; position:absolute; left:0; top:0;;}


/*产品*/
.series-list { margin: 0px 0 0 -12px;}
.series-list li{ float:left; width: 279px; margin: 12px 0 0 12px; padding: 5px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.series-list li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.series-list li .pic img{ width: 279px; height: 157px;}
.series-list li h3{ display: block; margin:0 5px 10px; border-bottom: 1px dotted #ddd; font-weight:normal; font-size: 16px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;}
.series-list li .desc{ margin:0 10px 10px; height: 72px; line-height: 24px; font-size: 14px; overflow: hidden;}

.series-list-lft { margin: 0px 0 0 -12px;}
.series-list-lft li{ float:left; position: relative; width: 279px; margin: 12px 0 0 12px; padding: 5px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.series-list-lft li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.series-list-lft li .pic img{ width: 279px; height: 157px;}
.series-list-lft li .country{ position: absolute; right: 0; bottom: 10px; background: #7aaf1c; color: #fff; padding: 4px 10px;}
.series-list-lft li h3{ display: block; margin:0 5px 0px; font-weight:normal; font-size: 16px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;}
.series-list-lft li .desc{ margin:0px 10px 10px; padding-top: 10px; height: 72px; border-top: 1px dotted #ddd; line-height: 24px; font-size: 14px; overflow: hidden;}



.prod-list { margin: 0px 0 0 -12px;}
.prod-list li{ float:left; width: 279px; margin: 12px 0 0 12px; padding: 5px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.prod-list li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.prod-list li .pic img{ width: 279px; height: 157px;}
.prod-list li .tit{ display: block; margin: 0 5px; height: 3em; line-height: 3em; overflow: hidden; border-bottom: 1px dotted #ddd; font-weight:normal; font-size: 16px; text-align: center;}
.prod-list li .desc{ display: none; margin:0 10px 10px; height: 72px; line-height: 24px; font-size: 14px; overflow: hidden;}
.prod-list li dl{ padding: 10px; }
.prod-list li dl dd{ height: 2em; line-height: 2em; font-size: 14px; overflow: hidden; }


.product-list { margin: 0px 0 0 -12px;}
.product-list li{ float:left; width: 279px; margin: 12px 0 0 12px; padding: 5px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.product-list li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.product-list li .pic img{ width: 279px; height: 279px;}
.product-list li h3{ display: block; margin:0 5px 10px; border-bottom: 1px dotted #ddd; font-weight:normal; font-size: 16px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;}
.product-list li .desc{ margin:0 10px 10px; height: 72px; line-height: 24px; font-size: 14px; overflow: hidden;}



.series-list-ph { margin: 0px 0 0 0px; border: 1px solid #ddd; overflow: hidden;}
.series-list-ph li{ position: relative; z-index: 0; margin: -1px 0 0 0px; padding:4px; height: 50px; border-top: 1px dotted #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.series-list-ph li:hover{ z-index: 1; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.series-list-ph li .num { position: absolute; left: 10px; top: 10px; background: #7aaf1c; color: #fff; display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-style: normal;}
.series-list-ph li .pic { float:right; margin-left: 10px;}
.series-list-ph li .pic img{ width: 90px; height: 50px; }
.series-list-ph li .txt{ margin: 5px 10px 0 30px; font-weight:normal; height: 40px; line-height: 20px; font-size: 14px; overflow: hidden;}
.series-list-ph li .desc{ margin:0 10px 10px; height: 48px; line-height: 24px; font-size: 14px; overflow: hidden;}

.box-brand { float:right; font-size: 14px;}
.box-brand li{ float: left;}
.box-brand li.line{ float: left; margin:0 10px; color: #ccc;}
.box-brand li a{ color: #7aaf1c;}

.series-ph-box{ float:right; width: 291px; }
.series-ph-box h3 { font-weight: normal; font-size: 16px; margin: 12px 0 0px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #888; }


.series-list { margin: 0px 0 0 -12px;}
.series-list li{ float:left; width: 279px; margin: 12px 0 0 12px; padding: 5px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.series-list li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.series-list li .pic img{ width: 279px; height: 157px;}
.series-list li h3{ display: block; margin:0 5px 10px; border-bottom: 1px dotted #ddd; font-weight:normal; font-size: 16px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;}
.series-list li .desc{ margin:0 10px 10px; height: 72px; line-height: 24px; font-size: 14px; overflow: hidden;}

.series-list-import { margin: 0px 0 0 -12px;}
.series-list-import li{ float:left; position: relative; width: 279px; margin: 12px 0 0 12px; padding: 5px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.series-list-import li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.series-list-import li .pic{ position: relative; z-index: 0; width: 279px; height: 157px;}
.series-list-import li .pic img{ width: 279px; height: 157px;}
.series-list-import li .country{ position: relative; z-index: 1; margin: -14px auto 0; border: 1px solid #fff; padding: 4px 0px; width:120px; text-align: center; background: #7aaf1c; color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;}
.series-list-import li h3{ display: block; margin:0 5px 0px; font-weight:normal; text-align: center; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden;}
.series-list-import li .desc{ margin:0px 10px 10px; padding-top: 10px; height: 72px; border-top: 1px dotted #ddd; line-height: 24px; font-size: 14px; overflow: hidden;}



.brand-txt-ph { padding:10px 15px; font-size:16px; line-height:24px; }
.brand-txt-ph li{ height:24px; line-height: 24px; padding:5px 0;}
.brand-txt-ph li em{ margin:3px 10px 0 0; display:inline-block; float:left; width:18px; height:18px; line-height:18px; text-align:center; font-style:normal; font-size:12px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#fff; background:#7aaf1c;}
.brand-txt-ph li a{ height:24px; overflow:hidden; display:block; padding-right:10px;}
.brand-txt-ph li span{ color:#00a753; float:right; padding-right:0px; font-size: 12px;}

.brand-news-ph { padding:10px 15px; line-height: 24px; font-size: 14px; }
.brand-news-ph li { height: 24px; line-height: 24px; padding:5px 0; overflow: hidden; }
.brand-news-ph li em { width: 18px; height: 18px; line-height: 18px; margin-right: 10px; display: inline-block; font-style: normal; font-size: 12px; background: #555; text-align: center; color: #fff;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
.brand-news-ph li em.num1 { font-weight: bold; background: #f10180 }
.brand-news-ph li em.num2 { font-weight: bold; background: #f43499 }
.brand-news-ph li em.num3 { font-weight: bold; background: #f767b3 }



.brand-list-logo { margin: 0px 0 0 -10px;}
.brand-list-logo li{ float:left; position: relative; width: 423px; margin: 10px 0 0 10px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
.brand-list-logo li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.brand-list-logo li .pic{ width:124px; float: left; position: relative; z-index: 0; padding: 10px; }
.brand-list-logo li .pic img{ width:120px; height:60px; border: 1px solid #ddd; padding: 1px;}
.brand-list-logo li .btn{ display: block; margin-top: 10px; padding:0 10px; line-height: 32px; background: #fff; border: 1px solid #ddd; color: #e10601; text-align: center; border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; }
.brand-list-logo li .btn:hover{ background: #e10601; border: 1px solid #e10601; color: #fff; text-decoration: none;}
.brand-list-logo li .txt{ float: left; width: 270px; }
.brand-list-logo li h3{ display: block; font-weight:normal; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden;}
.brand-list-logo li .en{ color: #888; font-size: 14px;}
.brand-list-logo li .icon-vip{ float: right; margin: 8px 0 0 10px; }
.brand-list-logo li .area{ float: right; position: relative; z-index: 1; margin: 10px 0 0 10px; border: 1px dotted #7aaf1c; padding: 0px 5px; text-align: center; font-size: 12px; line-height: 20px; background: #fff; color: #7aaf1c;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;}
.brand-list-logo li .desc{ margin:0px 0px 10px; padding: 5px 0 0; border-top: 1px dotted #ddd; font-size: 14px; }
.brand-list-logo li .desc dd{  height: 24px; line-height: 24px; overflow: hidden;}



.brand-list-pic { margin: 0px 0 0 -12px;}
.brand-list-pic li{ float:left; position: relative; width: 279px; margin: 12px 0 0 12px; padding: 5px; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; ;}
.brand-list-pic li:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.brand-list-pic li .pic{ position: relative; z-index: 0; }
.brand-list-pic li .pic img{ width: 279px; height: 157px;}
.brand-list-pic li .sub{ color:#f14f4f; text-align: center; font-size: 14px; height: 24px; line-height: 24px; overflow: hidden;}
.brand-list-pic li .area{ position: relative; z-index: 1; margin: -14px auto 0; border: 1px solid #fff; padding: 4px 0px; width:120px; text-align: center; background: #7aaf1c; color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;}
.brand-list-pic li h3{ display: block; margin:10px 5px 0px; font-weight:normal; text-align: center; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden;}
.brand-list-pic li .desc{ margin:10px 5px 5px; padding: 5px 0 0; border-top: 1px dotted #ddd; font-size: 14px; }
.brand-list-pic li .desc dd{  height: 24px; line-height: 24px; overflow: hidden;}




/*分享*/
.share-wrap{ width:0; height:0; left:50%; bottom: 80px; position:fixed; margin-left:-660px; margin-left:610px; }
.share-wrap .share-box{ position:absolute; left: 0; bottom:0; width:45px; text-align:center;}
.share-wrap .share { position:absolute; left: 0; bottom:0; height:30px; padding:5px 0;border-bottom: 1px solid #ddd; background:rgba(255,255,255,0.95); z-index:99;}
.share-wrap .share.fixed { height:30px; padding:5px 0;}
.share-wrap .share-tip{ display:none; margin:0px 0 0px;; text-align:center; height: 30px;line-height: 30px; color: #888888;font-size: 14px;}
.share-wrap .share-top { width:45px; }

.share-wrap .share16 { list-style:none; margin: 0;}
.share-wrap .share16 li { float: left; margin:0; margin-bottom:5px;}
.share-wrap .share16 a { vertical-align:middle; width: 45px; height:30px;  padding:0; margin:0; cursor:pointer;display: inline-block; background-image: url(http://www.baobei360.com/info/ver2016/css/images/share16_icon_v1.png) !important; background-image: -webkit-image-set(url(http://www.baobei360.com/info/ver2016/css/images/share16_icon_v1.png) 1x,url(http://www.baobei360.com/info/ver2016/css/images/share16_icon_v1_2x.png) 2x) !important; background-repeat: no-repeat; }
.share-wrap .share16 a.share-more { background-position: 0 0; }
.share-wrap .share16 a.share-weixin { background-position: -45px 0; }
.share-wrap .share16 a.share-qzone { background-position: -90px 0; }
.share-wrap .share16 a.share-qqwb { background-position: -135px 0; }
.share-wrap .share16 a.share-sinawb { background-position: -180px 0; }
.share-wrap .share16 a.share-renren { background-position: -225px 0; }
.share-wrap .share16 a.share-message { background-position: -270px 0; }

.share-wrap .share16 a.share-more:hover { background-position: -0px -30px; }
.share-wrap .share16 a.share-weixin:hover { background-position: -45px -30px; }
.share-wrap .share16 a.share-qzone:hover { background-position: -90px -30px; }
.share-wrap .share16 a.share-qqwb:hover { background-position: -135px 0; }
.share-wrap .share16 a.share-sinawb:hover { background-position: -180px -30px; }
.share-wrap .share16 a.share-renren:hover { background-position: -225px -30px; }
.share-wrap .share16 a.share-message:hover { background-position: -270px -30px; }

.share-wrap .share-box{ width:45px; text-align:center;}
.share-wrap .news-ad{ display:none; line-height:30px; font-size:14px;}
.share-wrap .news-ad{ color:#888;}
.share-wrap .news-ad a{ color:#a00;}
.share-wrap .share.fixed .share-box{ margin-top:75px; }
.share-wrap .share.fixed .news-ad{ display:block;}
.share-wrap .share.fixed .share-tip{margin:0px 0 0px}

.btn-message { float:right; margin-top: 15px; display:inline-block; padding: 0 30px; height:50px; background: #c00; color: #fff; text-align: center; font-size: 16px; line-height: 50px;-webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;}
.btn-message i{ font-size: 22px; }
.btn-message:hover {  background: #f60; color: #fff;}

/*详情页*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237aaf1c'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237aaf1c'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color:#666; opacity: 1; background: rgba(0,0,0,0.1);}
.swiper-pagination-bullet-active { opacity: 1; background: #7aaf1c; color: #fff; }

.product-banner { margin: 20px 30px; }
.product-banner img{ width: 100%; height: auto; }
.product-box { border: 1px solid #ddd; } 
.product-title { margin: 0px 30px 0; padding: 20px 0; border-bottom: 1px solid #ddd;}
.product-title h1{ line-height: 1.5em; font-size: 36px; color: #111;}
.product-title .info{ margin-top: 10px; line-height: 1.5em; font-size: 14px; color: #999;}

.product-pic { position: relative; padding-left: 360px; }
.product-pic .product-slide { text-align: center; }
.product-pic .product-info { position: absolute; top: 0; left: 0; bottom: 0; width: 360px; background: #efefef; overflow:auto; }
.product-pic .product-info .brand-logo{ width: 120px; padding: 30px; background: #fff; margin:30px auto 0px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
.product-pic .product-info .brand-logo img{ width: 120px; height: 60px; }
.product-pic .product-info .info,
.product-pic .product-info .profile,
.product-pic .product-info .series-best{ margin: 20px 30px; font-size: 16px; line-height: 1.5em;}
.product-pic .product-info .info li{ margin: 5px 0; padding-left: 5em; text-indent: -5em; }
.product-pic .product-info .profile dt,
.product-pic .product-info .series-best dt{ position: relative; width: 100px; margin: 10px auto 10px; padding: 0 1em; color: #c00; font-weight: bold; font-size: 16px; text-align: center; }
.product-pic .product-info .profile dt:before,
.product-pic .product-info .series-best dt:before,
.product-pic .product-info .profile dt:after,
.product-pic .product-info .series-best dt:after{ position: absolute; left: 0; top: 50%; width: 1em; height: 2px; background: #aaa; display: inline-block; content: ''; }
.product-pic .product-info .profile dt:after,
.product-pic .product-info .series-best dt:after{ left:auto; right: 0; }
.product-pic .product-info .profile dd{ margin: 5px 0; overflow: hidden; }
.product-pic-none { padding: 180px 0; text-align: center; font-size: 16px; color: #999; }
.product-pic-none i{ display: block; font-size: 120px; color: #999; }



.series-list-bset { margin: 0; padding: 0;}
.series-list-bset li{ margin: 0 0 10px 0; ;}
.series-list-bset li .box{ position: relative; padding: 5px; background-color: #fff; border: 1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;  }
.series-list-bset li .box:hover{ border: 1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3); }
.series-list-bset li .pic{ position: relative; float: left; width: 40%; margin-right: 15px; z-index: 0; }
.series-list-bset li .pic img{ width: 100%; height: auto;}
.series-list-bset li .tit{ margin: 0px; font-weight:normal; text-align: left; font-size: 16px; line-height: 1.5em;}
.series-list-bset li .desc{ margin:0px 10px 10px; padding-top: 10px; height: 72px; border-top: 1px dotted #ddd; line-height: 24px; font-size: 14px; overflow: hidden;}




.gallery-top { }
.gallery-top a{ display: block; margin: 30px 50px 50px;  }
.gallery-top a img{ max-width: 680px; max-height: 500px;}
.gallery-top a .caption{ display: block; margin-top: 20px; font-size: 18px; }

.gallery-thumbs { padding: 20px; box-sizing: border-box; }
.gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; cursor: pointer}
.gallery-thumbs .swiper-slide img { width: 100px; height: 125px; padding: 2px; border: 1px solid #ddd; }
.gallery-thumbs .swiper-slide-active,
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.gallery-thumbs .swiper-slide-active img,
.gallery-thumbs .swiper-slide-thumb-active img{ padding: 1px; border: 2px solid #7aaf1c; }

.product-body { border: 1px solid #ddd; border-top: none; padding: 30px; font-size:16px; line-height:2em; color:#333; text-align: justify; text-justify: inter-ideograph; word-wrap: break-word;}
.product-body p{ margin:0 0 1em;} 
.product-body img{ max-width:1120px; _width:expression(this.scrollWidth > 1120 ? "1120px" : (this.scrollWidth < 1? "1px" : "auto"));}


.comment-box{ border: 1px solid #ddd; border-top: none; padding: 30px;}