#bb-header {
width:950px;
height:77px;
margin:0 auto;
position:relative;
z-index:10;
}

#bb-logo {
width:186px;
height:63px;
float:left;
display:inline;
}

#bb-logo a {
position:relative;
z-index:1;
top:-26px;
}

.bbNavItem {
width:62px;
height:52px;
float:left;
display:inline;
padding:0 2px 0 0;
}

#bb-nav-look {
width:67px;
}

.bbNavItem {
position:relative;
z-index:0;
}

.bbNavItem dt {
overflow:hidden;
text-indent:-9999px;
}

.bbNavItem dt a {
width:62px;
height:52px;
display:block;
background:transparent url(/img/header_footer/bb-nav-bg.png?1) no-repeat;
}

.bbNavItem dt .new {
width:19px;
height:12px;
position:absolute;
right:5px;
top:20px;
text-indent:0;
background:transparent url(/img/header_footer/new.gif) no-repeat;
}

#bb-nav-home dt a {
background-position:-62px 0;
}

#bb-nav-pal dt a {
background-position:-124px 0;
}

#bb-nav-look dt a {
width:67px;
background-position:-186px 0;
}

#bb-nav-know dt a {
background-position:-253px 0;
}

#bb-nav-ask dt a {
background-position:-315px 0;
}

#bb-nav-forum dt a {
background-position:-377px 0;
}

#bb-nav-local dt a {
background-position:-439px 0;
}

#bb-nav-more dt a {
background-position:-501px 0;
}

#bb-nav-photo dt a {
background-position:-563px 0;
}

/* 滑过TAB背景 */

.bbNavItem dt a:hover {
height:57px;
}

#bb-nav-my dt a:hover {
background-position:0 -160px;
}

#bb-nav-home dt a:hover {
background-position:-62px -160px;
}

#bb-nav-pal dt a:hover {
background-position:-124px -160px;
}

#bb-nav-look dt a:hover {
background-position:-186px -160px;
}

#bb-nav-know dt a:hover {
background-position:-253px -160px;
}

#bb-nav-ask dt a:hover {
background-position:-315px -160px;
}

#bb-nav-forum dt a:hover {
background-position:-377px -160px;
}

#bb-nav-local dt a:hover {
background-position:-439px -160px;
}

#bb-nav-more dt a:hover {
background-position:-501px -160px;
}

#bb-nav-photo dt a:hover {
background-position:-563px -160px;
}

/* 当前TAB背景 */

.bbNavItem dt.active a {
height:60px !important;
}

#bb-nav-my dt.active a {
background-position:0 -223px !important;
}

#bb-nav-home dt.active a {
background-position:-62px -223px !important;
}

#bb-nav-pal dt.active a {
background-position:-124px -223px !important;
}

#bb-nav-look dt.active a {
background-position:-186px -223px !important;
}

#bb-nav-know dt.active a {
background-position:-253px -223px !important;
}

#bb-nav-ask dt.active a {
background-position:-315px -223px !important;
}

#bb-nav-forum dt.active a {
background-position:-377px -223px !important;
}

#bb-nav-local dt.active a {
background-position:-439px -223px !important;
height:60px !important;
}

#bb-nav-more dt.active a {
background-position:-501px -223px !important;
}

#bb-nav-photo dt.active a {
background-position:-563px -223px !important;
}

/* local TAB */

#bb-nav-local dt a span {
width:62px;
height:52px;
display:block;
background:transparent url(/img/header_footer/bb-nav-bg.png?v=2) no-repeat 0 -500px;
cursor:pointer;
}

#bb-nav-local dt.localBj a span {
background-position:-62px -500px;
}

#bb-nav-local dt.localSh a span {
background-position:-124px -500px;
}

#bb-nav-local dt.localQd a span {
background-position:-186px -500px;
}

#bb-nav-local dt.localCd a span {
background-position:-248px -500px;
}

/* TAB */

.bbNavItem dd {
width:62px;
text-align:center;
position:absolute;
z-index:9999;
top:50px;
left:0;
display:none;
}

#bb-nav-look dd {
/* width:67px; */
}

.bbNavItem ul {
clear:both;
zoom:1;
padding:7px 0 0;
}

#bb-nav-look ul {
background-color:#C994E6;
}

#bb-nav-know ul {
background-color:#94AFE6;
}
#bb-nav-local ul {
background-color:#B7D98C;
}

#bb-nav-more ul {
background-color:#DFCA7E;
}

.bbNavItem dd a {
color:#FFF !important;
height:19px;
display:block;
overflow:hidden;
line-height:19px;
}

/*
* .bbNavItem dd a {
* color:#FFF;
* width:48px;
* height:19px;
* display:block;
* overflow:hidden;
* line-height:19px;
* border-bottom:1px solid #000;
* margin:0 auto;
* }
*
* #bb-nav-look dd a {
* width:53px;
* }
*
* #bb-nav-look dd a {
* border-bottom-color:#C994E6;
* }
*
* #bb-nav-know dd a {
* border-bottom-color:#94AFE6;
* }
*
* #bb-nav-more dd a {
* border-bottom-color:#DFCA7E;
* }
* */

.bbNavItem dd a:hover {
text-decoration:none;
background:transparent url(/img/header_footer/bb-nav-bg.png?v=2) repeat-x;
color:#FFF;
border-bottom-color:#FFF !important;
}

#bb-nav-look dd a:hover {
background-position:-186px -131px;
}

#bb-nav-know dd a:hover {
background-position:-253px -131px;
}

#bb-nav-local dd a:hover {
background-position:-439px -131px;
}
#bb-nav-more dd a:hover {
background-position:-501px -131px;
}

.bbNavEnd {
width:62px;
height:10px;
overflow:hidden;
float:left;
background:transparent url(/img/header_footer/bb-nav-bg.png) no-repeat;
}

#bb-nav-look .bbNavEnd {
/* width:67px; */
background-position:-625px -273px;
}

#bb-nav-know .bbNavEnd {
background-position:-253px -273px;
}

#bb-nav-local .bbNavEnd {
background-position:-439px -273px;
}

#bb-nav-more .bbNavEnd {
background-position:-501px -273px;
}

#bb-head-more {
text-align:right;
float:right;
width:110px;
}

#bb-head-more a {
color:#666;
}

/* 小家头 */

#topbar {
overflow:visible !important;
position:static !important;
}

#bb-nav.forHome {
width:650px;
float:left;
margin:3px 0 0;
height:28px;
clear:left;
}

.forHome .bbNavItem {
height:28px;
}

.forHome .bbNavItem dt a {
height:28px;
}

.forHome .bbNavItem dt a:hover {
height:28px;
}

.forHome .bbNavItem dt .new {
top:-4px;
}

.forHome #bb-nav-my dt a,
.forHome #bb-nav-my dt.active a {
background-position:0 -57px !important;
}

.forHome #bb-nav-home dt a,
.forHome #bb-nav-home dt.active a {
background-position:-62px -57px !important;
}

.forHome #bb-nav-pal dt a {
background-position:-124px -57px !important;
}

.forHome #bb-nav-look dt a {
background-position:-625px -57px !important;
}

.forHome #bb-nav-tweet dt a {
background-position:-687px -57px !important;
}

.forHome #bb-nav-know dt a {
background-position:-253px -57px !important;
}

.forHome #bb-nav-ask dt a {
background-position:-315px -57px !important;
}

.forHome #bb-nav-forum dt a {
background-position:-377px -57px !important;
}

.forHome #bb-nav-agegroup dt a {
background-position:-749px -57px !important;
}

.forHome #bb-nav-local dt a {
background-image:none;
}

.forHome #bb-nav-local dt a span {
width:62px;
height:28px;
display:block;
background:transparent url(/img/header_footer/bb-nav-bg.png) no-repeat 0 -560px;
}

.forHome #bb-nav-local dt.localBj a span {
background-position:-62px -560px;
}

.forHome #bb-nav-local dt.localSh a span {
background-position:-124px -560px;
}

.forHome #bb-nav-local dt.localQd a span {
background-position:-186px -560px;
}

.forHome #bb-nav-local dt.localCd a span {
background-position:-248px -560px;
}

.forHome #bb-nav-more dt a {
background-position:-501px -57px !important;
}

.forHome #bb-nav-photo dt a {
background-position:-563px -57px !important;
}

.forHome #bb-nav-look dt a:hover {
background-position:-186px -290px;
}

.forHome #bb-nav-know dt a:hover {
background-position:-253px -290px;
}

.forHome #bb-nav-more dt a:hover {
background-position:-501px -290px;
}

.forHome #bb-nav-photo dt a:hover {
background-position:-563px -290px;
}

.forHome .bbNavItem dt.active a {
height:28px !important;
}

.forHome .bbNavItem dd {
top:0;
}

.forHome .bbNavItem dd ul {
padding:33px 0 0;
background:transparent url(/img/header_footer/bb-nav-bg.png) no-repeat;
}

.forHome #bb-nav-look dd ul {
background-position:-625px -290px;
}

.forHome #bb-nav-know dd ul {
background-position:-253px -290px;
}
.forHome #bb-nav-local dd ul {
background-position:-439px -290px;
}
.forHome #bb-nav-more dd ul {
background-position:-501px -290px;
}

/* miniquick */

.miniQuick {
width:62px;
height:19px;
display:block;
float:right;
display:inline;
margin:3px 0 0 8px;
position:relative;
text-align:left;
}

.miniQuickTitle {
float:left;
width:37px;
line-height:19px;
padding:0 4px;
border:1px solid #D4D0C8;
border-color:#D4D0C8 #756D5C #756D5C #D4D0C8;
border-width:1px 0 1px 1px;
background-color:#FFF;
}

.miniQuickTrigger {
height:19px;
padding:0 4px 0 0;
float:left;
display:inline;
border:1px solid #D4D0C8;
border-color:#D4D0C8 #756D5C #756D5C #D4D0C8;
border-width:1px 1px 1px 0;
background-color:#FFF;
}

.miniQuickTrigger a {
display:block;
width:11px;
height:11px;
margin:4px 0 0;
overflow:hidden;
text-indent:-9999px;
background:transparent url(/img/homepage/bb-option-trigger-bg.png) no-repeat;
outline:none;
}

.miniQuickTrigger a:active,
.miniQuickTrigger a:focus {
background-position:-11px 0;
}

.miniQuickList {
clear:both;
width:163px;
position:absolute;
right:0;
top:20px;
background-color:#FFF;
border:1px solid #D4D0C8;
border-color:#D4D0C8 #756D5C #756D5C #D4D0C8;
border-width:0 1px 1px 1px;
display:none;
padding:0 0 10px;
z-index:1001;
line-height:160%;
}

.miniQuickList ul {
float:left;
width:50px;
display:inline;
margin:10px 0 0;
padding:0 10px;
}

.miniQuickList .miniQuickList1 {
width:60px;
}

.miniQuickList .miniQuickList2 {
border-left:1px dotted #DDD;
}

.miniQuickList li {
float:left;
clear:both;
white-space:nowrap;
}

.miniQuickList li a {
color:#948759;
text-decoration:none;
display:inline-block;
}

.miniQuickList li a:hover {
color:#554E33;
}

.highlight .miniQuick {
position:relative;
}

.highlight .miniQuickTitle {
position:absolute;
height:25px;
top:0;
left:0;
}

.highlight .miniQuickTrigger {
position:absolute;
height:25px;
top:0;
right:0;
}

/*  bb-head-bar */

#bb-head-bar {
width:950px;
margin:0 auto;
height:26px;
background:transparent url(/img/header_footer/bb-head-bar-bg.png?v=1) no-repeat center 0;
clear:both;
line-height:26px;
position:relative;
z-index:11;
}

.bbHeadBarContainer {
width:950px;
height:26px;
margin:0 auto;
}

.bbBreadcrumb {
position:absolute;
left:186px;
top:0;
}

.bbBreadcrumb p {
line-height:26px;
}

.bbBreadcrumb a {
color:#666 !important;
}

#bb-headnav-mini {
float:right;
line-height:26px;
text-align:right;
display:inline;
margin:0 20px 0 0;
}

#bb-headnav-mini a img {
margin:2px 0 0;
}

#bb-headnav-mini .miniWelcome {
display:inline;
float:left;
margin:0 10px 0 0;
width:auto;
}

#bb-headnav-mini .miniMsg {
display:inline;
float:left;
margin:0;
}

#bb-headnav-mini .miniMsg a {
display:inline-block;
color:#989898;
}

#bb-headnav-mini a.miniMsgNew {
background:transparent url(/img/mytreeadmin/mail_yes.gif) no-repeat 0 center;
padding:0 0 0 20px;
}

#bb-headnav-mini .miniMsgNew b {
color:#F45C00;
}

#bb-headnav-search {
float:right;
display:inline;
width:197px;
height:26px;
line-height:26px;
position:relative;
z-index:0;
background:transparent url(/img/header_footer/bb-head-search-bg.png) no-repeat 0 4px;
}

#bb-headnav-search .searchText,
#bb-headnav-search .searchTextOn {
width:91px;
height:19px;
display:block;
float:left;
display:inline;
margin:4px 0 0;
background:none;
}

#bb-headnav-search .searchText input,
#bb-headnav-search .searchTextOn input {
border:0 none;
width:87px;
height:15px;
line-height:15px;
margin:2px;
float:left;
display:inline;
color:#8E8E8E;
}

#bb-headnav-search .searchOption {
height:19px;
display:block;
float:left;
display:inline;
margin:4px 0 0;
position:relative;
z-index:0;
background:none;
}

#bb-headnav-search .searchOptionSelected {
float:left;
line-height:17px;
margin:2px 0 0;
padding:0 4px;
}

#bb-headnav-search .searchOptionTrigger {
height:19px;
padding:0 4px 0 0;
float:left;
display:inline;
background:none;
}

#bb-headnav-search .searchOptionTrigger a {
display:block;
width:11px;
height:11px;
margin:4px 0 0;
overflow:hidden;
text-indent:-9999px;
background:transparent url(/img/homepage/bb-option-trigger-bg.png) no-repeat;
outline:none;
}

#bb-headnav-search .searchOptionTrigger a:active,
#bb-headnav-search .searchOptionTrigger a:focus {
background-position:-11px 0;
}

#bb-headnav-search .searchOptionItems {
clear:both;
width:51px;
position:absolute;
left:0;
top:18px;
background-color:#FFF;
border:1px solid #999;
border-width:0 1px 1px;
padding:1px 3px;
display:none;
z-index:1001;
line-height:160%;
}

#bb-headnav-search .searchOptionItems li a {
color:#948759;
text-decoration:none;
display:inline-block;
}

#bb-headnav-search .searchOptionItems li a:hover {
color:#554E33;
}

#bb-headnav-search .searchSubmit {
height:19px;
display:block;
float:left;
display:inline;
margin:4px 0 0;
background:none;
}

#bb-headnav-search .searchSubmit input {
width:47px;
height:19px;
overflow:hidden;
line-height:1000px;
font-size:0;
cursor:pointer;
border:0 none;
background:none;
}

/* bb-headnav */

#bb-headnav {
width:950px;
height:27px;
line-height:27px;
overflow:hidden;
clear:both;
zoom:1;
background:transparent url(/img/header_footer/bb-headnav-bg.png) no-repeat center 0;
margin:0 auto 10px;
position:relative;
z-index:0;
}

#bb-headnav dt {
line-height:27px;
}

#bb-headnav dd {
position:absolute;
top:0;
line-height:27px;
}

#bb-headnav dd a {
float:left;
display:inline-block;
color:#666;
}

#bb-headnav dd .subGap {
float:left;
display:inline;
line-height:25px;
margin:0 5px;
}

#bb-headnav-sub-1 {
left:85px;
}

#bb-headnav-sub-2 {
left:246px;
}

#bb-headnav-sub-3 {
left:542px;
}