/* topbar */
.topbar{width:100%; height:30px;background:url(topbar.png) repeat-x; border-top:1px solid #dbdbdb;zoom:1;line-height:17px;}
.topbar a{color:#333;}
.topbar a:hover{color:#c00!important;}
.top-nav{width:1000px; margin:0 auto; position:relative; z-index:1000;}
.bar-left{float:left; margin-top:6px; }
.bar-left h2{ display:inline; margin:1px 7px 0 0; font:bold 14px "song";}
a.cityname{float:left;font-size:15px; font-weight:bold; color:#25d !important;padding-right:2px;}
.citychange{font-size:12px;padding:0 3px;}
.maincity{font-size:12px;padding:0 2px;}
.bar-right{float: right; margin: 6px 2px 0 5px;  font-size:12px; }
.bar-right a{height:12px;_line-height:14px;padding:0 6px;}
.fftg{border-right:none !important;}
.fftg a{color:#ff6a00 !important; font-weight:bold;}
.tqspan{margin-left:15px;}

.bar-middle{float:left;margin-left:100px;}
.bar-middle a{position:relative;display:inline-block;height:30px;line-height:30px;padding:0 18px;}
.bar-middle a.current{background:#fff;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0}

#usercenter{display:none; position: relative; float: right; height: 30px; width:auto; _width:55px; min-width: 55px; padding: 0 18px 0 10px; line-height: 30px; z-index:1001;}
#usercenter:hover{ margin: 0 -1px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; color: #333;background:#fff;}
#usercenter a{float: left; width: 100%; text-align: center; }
#usercenter a:hover{text-decoration: underline; }
.hc{display:none;position:absolute; top:30px; left:-1px; width:100%;border:1px solid #dbdbdb;border-top:none; text-align:center; background:#fff;}
.hc a{ line-height: 26px;}
#usercenter:hover .hc{display:block;}
.topbar-arrow{display:block;position:absolute;width:6px;height:4px; top:12px;right:10px;overflow:hidden; background: url(topbar_arrow.png) 0 -5px;}
#usercenter:hover .topbar-arrow{background-position: 0 0;}

#searchrecord{display:none; position: relative; float: right;  width:70px; height: 30px; padding: 0 0 0 10px; line-height: 30px; z-index:1001;}
#searchrecord:hover{ margin: 0 -1px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; color: #333;background:#fff;}
.hh{display:none;position:absolute; z-index:1001; top:30px; left:-1px; width: 189px; max-height: 310px;  zoom:1;border:1px solid #dbdbdb;border-top:none; background:#fff;}
#searchrecord:hover .hh{display:block;}
.topbar-arrow2{display:block;position:absolute;width:6px;height:4px; top:12px;right:10px;overflow:hidden; background: url(topbar_arrow.png) 0 -5px;}
#searchrecord:hover .topbar-arrow2{background-position: 0 0;}

#searchrecord ul{padding: 0 12px;}
#searchrecord ul b{display: block; height:30px; line-height: 35px; border-bottom: 1px dotted #dbdbdb; }
#searchrecord ul li{background:url("dian-icon-s.png") no-repeat left center; padding-left:10px;}
#searchrecord ul li a{display: block;width: 168px;color: #333; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
#searchrecord ul li a:hover{text-decoration: underline}

.others{float: right; }

a.shop_item{float:left; height:auto; line-height:29px; font-weight: bold;}
.tuiguang{ width:72px; height:31px; padding-left:8px; display:inline-block;}
.tuiguang a{ font-weight:bold; line-height:29px;}
.tg-hover{ background:#fff;  width:71px; padding-left:7px; height:29px; border:1px solid #dbdbdb; border-bottom:1px solid #fff;}
.tg-hover a{ line-height:27px;}
.tg-hover a:hover{ text-decoration:underline!important;}
.tg-box{ float:left; position:relative;}
.tg-item{ display:none; position:absolute; top:30px; left:0; width:78px; background:#fff; border:1px solid #dbdbdb; border-top:none;}
.tg-item li{ line-height:26px;}
.tg-item li a{ width:64px; display:inline-block; padding-left:14px;}
.tg-item li a:hover{ text-decoration:underline!important;}

.j-icon{display:block;position:absolute;width:6px;height:4px; top:12px;right:9px;overflow:hidden; background: url(topbar_arrow.png) 0 -5px;}
.j-icon2{background-position: 0 0;}