@import url("newpub.css");

#location {width:976px; height:21px; padding-left:20px; margin-top:10px; background:url(../images/ico5.gif) 0 4px no-repeat;}

#cateTitle {width:211px; height:25px; padding:1px; border:#c13a36 1px solid; border-bottom:none;}
#cateTitle.bot {margin-top:10px;}
#cateTitle dl {width:211px; height:23px; padding-top:2px; background:url(../images/cateTitle1.gif) no-repeat;}
#cateTitle dl dt {width:100px; height:23px; color:#fff; font-size:14px; font-weight:bold; padding-left:13px; float:left;}
#cateTitle dl dd {width:50px; height:23px; float:right;}
#cateTitle dl dd a {color:#e1e1e1;}

#leftAd1 {width:215px; height:196px; margin-top:7px; overflow:hidden;}
#leftAd1 p{ width:215px; height:96px; overflow:hidden;}
.endAD{margin-top:4px;}

#proLeftTitle {width:201px; height:22px; font-size:14px; color:#fff; font-weight:bold; padding:4px 0 0 14px; margin-top:10px; background:url(../images/proLeftTitle.gif) no-repeat;}

#brandList {width:213px; height:auto; padding-bottom:10px; border:#d4d4d4 1px solid; border-top:none; overflow:hidden;}
#brandList ul {width:211px; height:auto; margin:0 1px;}
#brandList ul li {width:87px; height:59px; border:#e0e0e0 1px solid; text-align:center; margin:10px 0 0 11px; display:inline; float:left;}

#proLeftList {width:213px; height:auto; border:#d4d4d4 1px solid; border-top:none;}
#proLeftList dl {width:213px; height:86px; background:url(../images/line.gif) 0 100% repeat-x;}
#proLeftList dl.noBor {background:none;}
#proLeftList dl dd {width:80px; height:80px; margin:3px 0 0 6px; display:inline; float:left;}
#proLeftList dl dt {width:110px; height:21px; margin:0 0 0 17px; color:#666666; display:inline; float:left;}
#proLeftList dl dt.name {height:34px; margin-top:10px; color:#00569d;}

#same {width:768px; height:auto; background:#fff9fe; border:#e0b4ab 1px solid;}
#same ul {width:768px; height:39px; }
.xxx{background:url(../images/line.gif) 0 100% repeat-x;}
#same ul li {white-space:nowrap; height:21px; padding-top:1px; margin:9px 10px 0 0; display:inline; float:left;}
#same ul li a {color:#00569d;}
#same ul li.title {width:97px; text-align:center; font-weight:bold; margin-left:6px; background:url(../images/sameTit.gif) no-repeat;}

#sort {width:310px; height:21px; float:left; margin-top:4px; }
#sort ul {width:310px; height:21px;}
#sort ul li {white-space:nowrap; height:21px; padding:0 2px; float:left;}
#sort ul li a {padding:1px;}
#sort ul li img {margin:1px;}
#sort ul li.orderLi{  width:220px;}

#sort1 {width:150px; height:16px; margin-top:3px; float:right;}
#sort1 ul {width:150px; height:16px;}
#sort1 ul li {width:19px; height:14px; line-height:14px; text-align:center; border:#ddd 1px solid; margin-right:6px; cursor:pointer; background:#fff; float:left;}
#sort1 ul li.hover {background:#862c08; color:#fff;}
#sort1 ul .text {width:55px; height:16px; line-height:17px; overflow:hidden; margin:0; cursor:auto; border:none; background:none;}
#sort1 ul .text b {line-height:17px;}
#sort1 ul li.hover a{ color:#FFFFFF; line-height:16px;}
#sort1 ul li a{ color:#000; line-height:16px;}

#pro {width:768px; height:auto; padding:6px 0; border:#d9d9d9 1px solid; border-top:none; overflow:hidden;}
#pro dl {width:132px; height:205px; margin:10px 0 0 16px; display:inline; float:left;}
#pro dl dd {width:125px; height:125px; padding:1px; border:#dfdfdf 1px solid; margin:0 auto; background:url(../images/helpLine.gif) repeat-y; display:table; position:relative; overflow:hidden;}
#pro dl dd span {vertical-align:middle; display:table-cell; position:static;+position:absolute; top:50%; left:50%;} 
#pro dl dd span p {position:static; +position:relative; vertical-align:middle; top:-50%; left:-50%;}
#pro dl dd a {width:120px; height:120px; padding:2px; border:#e4e4e4 1px solid; display:block;}
#pro dl dd a:hover {background:#fceded; border:#df4344 1px solid;}
#pro dl dt {width:126px; height:21px; line-height:21px; padding-top:2px; overflow:hidden; text-align:center; margin:0 auto; background:url(../images/helpLine.gif) repeat-y;}
#pro dl.noBor dd,#pro dl.noBor dt,#pro .noBor1 {background:none;}

#proShowText td {padding:5px 0 5px 10px;}
#proShowText td.bg {background:#f3f3f3;}

#proWay {width:79px; height:17px; padding:1px 0 0 11px; line-height:17px; color:#384b5c;margin:0px;  cursor:pointer; position:relative; background:url(../images/prolistWay.gif) no-repeat;}
#proWayList {width:88px; border:#b7c6d3 1px solid; border-top:none; height:90px; background:#fff;  overflow:hidden; position:absolute; z-index:1;}
#proWayList ul {width:88px; padding:4px 0; overflow:hidden; height:90px;}
#proWayList ul li {width:88px; height:19px; padding:0;  line-height:19px; text-align:center;}
#proWayList ul li a {display:block; line-height:19px;  }
#proWayList ul li a:hover {background:#316ac5; color:#fff; text-decoration:none;}

#proShowList {width:90%; height:88px; margin-top:10px;}
#proShowList ul {width:100%; height:88px;}
#proShowList ul li {width:68px; height:68px; padding:3px; border:#ccc 1px solid; margin-right:10px; display:inline; float:left;}

#proShowList1 {width:218px; height:350px; padding:2px 0 12px 0; border:#d3d3d3 1px solid; border-top:none; overflow:hidden;}
#proShowList1 ul {width:218px; height:auto;}
#proShowList1 ul li {width:84px; height:106px; text-align:center; margin:10px 0 0 15px;  display:inline; float:left;}
#proShowList1 ul  img { padding:1px; border:1px solid #E4E4E4;}

#showLine {width:996px; height:3px; margin-top:10px;}
#showLine dl {width:996px; height:3px;}
#showLine dl dt {width:195px; height:3px; background:#9b9073; overflow:hidden; float:left;}
#showLine dl dd {width:801px; height:1px; background:#9b9073; overflow:hidden; float:left;}

#bodyLeft1 {width:216px; height:auto; padding:1px; border:#ccc 2px solid; float:left;}

#bodyLeft1Title {width:208px; height:23px; padding:2px 0 0 8px; background:url(../images/showTitle.gif) no-repeat;}

#proShowSmall3 {width:210px; height:auto;}
#proShowSmall3 dl {width:210px; height:80px; padding:6px 0; background:url(../images/line.gif) 0 100% repeat-x;}
#proShowSmall3 dl dd {width:80px; height:80px; padding-left:6px; float:left;}
#proShowSmall3 dl dt {width:110px; padding-left:10px; float:left;}

#bodyRig1 {width:760px; height:auto; float:right; overflow:hidden;}

#showName {width:760px; height:27px; border-bottom:#d2d2d2 1px solid;}
#showName dl {width:760px; height:27px;}
#showName dl dd {width:103px; height:27px; line-height:27px; padding-left:13px; font-size:16px; background:url(../images/proShow1.gif) no-repeat; float:left;}
#showName dl dd b {color:#fff;}
#showName dl dt {width:610px; height:27px; line-height:27px; float:right;}

#present {width:760px; height:auto; padding-top:16px; overflow:hidden;}

#present * { font-size:14px; line-height:23px;}
#showColor {width:auto; height:25px;}
#showColor dl {width:auto; height:25px;}
#showColor dl dt {white-space:nowrap; height:25px; line-height:25px; float:left;}
#showColor dl dd {white-space:nowrap; height:21px; text-align:center; color:#666; padding:0 6px; margin-left:8px; display:inline; border:#ccc 1px solid; cursor:pointer; float:left;}
#showColor dl dd.hover {color:#fe5e08; border:#fe5e08 1px solid; background:url(../images/colorBg.gif) 100% 100% no-repeat;}

#feedback {width:96%; border:#ccc 1px solid;  margin:0 auto;}

#message {width:96%; border:#ccc 1px solid; margin:10px auto 0 auto;}
#message td {border-bottom:#ccc 1px solid; padding:3px;}
#message .leftTd {background:#f7f7f7; text-align:right;}