/* CSS Document */

html{color:#333;margin:0px;padding:0px;font-size:12px;background: #fff}
body,dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0}
ul,ol,li{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,s,i,em{font-size:12px;font-weight:normal}
body{ font:12px/18px "Microsoft YaHei",tahoma,arial,sans-serif; color:#333; background: url(../images/header-bg.png) center 0 repeat-x #fff; }

/*
body{ font:12px/18px "Microsoft YaHei",tahoma,arial,sans-serif; color:#333; background: url(../images/container-bg-top.png) center 107px no-repeat #fff; }
*/
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
em,i,s{font-style:normal}
a{color:#333;text-decoration:none;outline:none}
a:hover { color: #c70125;}
button{cursor:pointer;padding:0px}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearfix{*zoom:1}
.clear{clear:both;width:0px;height:0px;font-size:0px;overflow:hidden}
.float_l{display:inline-block;float:left}
.float_r{display:inline-block;float:right}
.floatNone{float:none}
.align_l {text-align: left}
.align_r {text-align: right}
.align_c {text-align: center}
.font_12{font-size:12px}
.font_14{font-size:14px}
.font_16{font-size:16px}
.font_18{font-size:18px;}
.red{ color:#F00}
.font_24{font-size:24px}
.fontBold{font-weight:bold}
.txt_red { color: #c70125;}
.txt_333 { color: #333;}
.txt_666 { color: #666;}
.txt_999 { color: #999;}
.txt_bbb { color: #bbb;}
.marginB10 { margin-bottom: 10px;}
.paddingB10 { padding-bottom: 10px}
.paddingT10 { padding-top: 10px}
.paddingR10 { padding-right: 10px;}
#header { height: 70px; margin-bottom: 27px; padding-bottom: 17px; background: url(../images/header-bg.png) 0 0 repeat-x;}


.header { width: 1000px; height: 70px; background: url(../images/header-bg.png) 0 0 repeat-x;margin: 0 auto; position: relative;margin-bottom: 27px; padding-bottom: 17px;  text-align: center; }

/*
#header { height: 90px; margin-bottom: 27px; padding-bottom: 17px; background: url(../images/header-bg.png) 0 0 repeat-x;}
.header { width: 1000px; height: 90px; margin: 0 auto; position: relative;}
*/
.logo { width: 255px; height: 80px; position: absolute; top: 5px; left: 0;}
.top-hotline { width: 263px; height: 28px; position: absolute; top: 0; right: 0;}
.nav { width: 200px; height: 90px; position: absolute; top: 0; left: 325px;}
.nav ul {}
.nav ul li { float: left; width: 50px; text-align: center;}
.nav ul li a { width: 50px; height: 82px; line-height: 82px; font-weight: bold; display: block; border-top: solid 8px #fff;}
.nav ul li a:hover {}
.nav ul li a.hover { border-top: solid 8px #c70125;}
.search-vip-links { position: absolute; top: 45px; right: 20px;}
#container { width: 100%; background: url(../images/container-bg.png) top center repeat-y;}
.container { width: 980px; margin: 0 auto;}
.index-small-pic { width: 320px; height: 250px; position: relative;}
.index-small-pic p { width: 290px; height:30px; line-height: 30px; padding: 0 15px; display: block; position: absolute; left: 0; bottom: 0; background: url(../images/black.png) 0 0 repeat;}
.index-small-pic p:hover { background: #000;}
.index-small-pic p a { color: #fff;}
.foot-links { margin-top: 40px; padding: 30px; border-top: solid 1px #e9e9e9;}
.foot-links dl { float: left; padding-left: 50px; padding-top: 10px;}
.foot-links dl dt { font-weight: bold;}

#left { float: left; width: 200px; padding: 10px 0;}
#left dl { line-height: 25px;}
#left dl dt { padding-bottom: 10px; padding-left: 20px; font-size: 18px;}
#left dl dd { padding-left: 20px;}
#left dl dd.hover { background: #eee;}
#right { float: right; width: 740px; padding: 10px 10px 10px 0;}
.chose-color { padding-top: 20px; border-top: solid 1px #e9e9e9;}
.chose-color h2 { margin-bottom: 10px; font-weight: bold;}
.chose-color dl {}
.chose-color dl dt { font-weight: bold;}
.chose-color dl dd { float: left; width: 110px;}
.chose-color-left { float: left; width: 340px; padding-right: 35px;}
.chose-color-left dl dd { width: 85px;}
.chose-color-right { float: right; width: 330px; padding-left: 34px; border-left: solid 1px #e9e9e9;}
.product-list-box { border-top: solid 2px #c70125;}
.page-bar { padding-top: 10px;}
.product-list { width: 740px; overflow: hidden;}
.product-list ul { width: 800px;}
.product-list ul li { float: left; width: 218px; margin-right: 25px; margin-bottom: 25px; padding: 5px; position: relative; border: solid 1px #e9e9e9;}
.product-list ul li:hover { border: solid 1px #aaa;}
.product-list ul li a.quick-look { display: none;}
.product-list ul li:hover a.quick-look { width: 70px; height: 25px; line-height: 25px; text-align: center; color: #fff; display: block; position: absolute; top: 120px; left: 80px; background: url(../images/black.png) 0 0 repeat;}
.product-list ul li:hover a.quick-look:hover { background: url(../images/red.png) 0 0 repeat;}
.quick-look-box {}
.quick-look-box h3 { height: 50px; line-height: 50px; font-size: 18px; text-align: center;}
.quick-look-left { float: left; width: 180px; padding: 20px; border-right: solid 1px #e9e9e9;}
.quick-look-left a { width: 70px; height: 25px; line-height: 25px; text-align: center; display: block; background: #ccc;}
.quick-look-left a:hover { color: #fff; background: #c70125;}
.quick-look-right { float: left; padding: 20px;}
.pro-pic-quick { padding-bottom: 20px; border-bottom: solid 1px #e9e9e9}
.pro-pic-quick img { width: 218px; height: 255px; border: solid 1px #e9e9e9;}
.pro-pic img { width: 218px; height: 255px;}
.pro-pic-s img { width: 84px; height: 98px;}
.pro-pic-color img { width: 10px; height: 10px;}
.position-bar { padding: 0 5px 5px 5px; border-bottom: solid 1px #e9e9e9;}
.detail-left { float: left; width: 489px; padding-top: 10px; padding-bottom: 10px; border-right: solid 1px #e9e9e9;}

.detail-news { float: left; width: 900px; padding:20px 40px 20px 40px; }
.detail-right { float: right; width: 470px; padding-top: 10px;}
.detail-right-detail { float: left; width: 200px; padding-right:5px;}
.detail-right-color { float: left; width: 150px;}
.color-list { padding: 5px 0 10px 0;}
.color-list li { float:left; width: 24px; height: 24px; float: left; padding-right: 2px;}
.color-list li a { width: 20px; height: 20px; padding: 2px; display: block;}
.color-list li a:hover { background: url(../images/color-hover-grey.png) 0 0 no-repeat;}
.color-list li a.hover { background: url(../images/color-hover.png) 0 0 no-repeat;}
.like-products { padding-top: 10px; border-top: solid 2px #c70125;}
.like-products-tit { float: left; width: 20px; height: 170px; padding: 5px; text-align: center; color: #fff; border: solid 1px #c70125; background: #c70125;}
.like-products-tit span { padding-top: 50px; display: block; }
.like-product-list { float: right; width: 930px; overflow: hidden;}
.like-product-list ul { width: 980px;}
.like-product-list ul li { float: left; width: 84px; height: 170px; margin-right: 10px; margin-bottom: 25px; padding: 5px; border: solid 1px #e9e9e9;}
.like-product-list ul li:hover { border: solid 1px #aaa;}

.footer { height: 50px; line-height: 40px; padding-top: 20px; text-align: center; background: url(../images/container-bg-foot.png) top center no-repeat;}


.top { height:28px; background: url(../images/container-bg-top.png) top center no-repeat;}


.rollBox {width:930px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{ float: left; width:848px;overflow:hidden;margin-left: 12px; padding-left: 10px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{ float: left; width: 84px; height: 170px; margin-right: 10px; padding: 5px; border: solid 1px #e9e9e9; background: #fff;}
.rollBox .Cont .pic img{}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .img1 { float: left; margin-top: 80px; cursor: pointer;}
.rollBox .img2 { float: right; margin-top: 80px; cursor: pointer;}