/* 主站导航 */
body { margin-top:0; }
#header { width:100%;margin:0 0 40px 0;background:none; position: relative; }
#searbar { margin:0; }
#header:after, .site-nav:after, .top-nav-items:after, .top-nav:after,.site-nav .bd:after { content:'\0020';display:block;clear:both;height:0; }
.top-nav { clear:both;width:100%;color:#d4d4d4;margin-bottom:20px;height:30px;border-bottom:1px dashed #d4d4d4; *position: relative; *z-index: 2 }
.top-nav .bd { width:950px;margin:0 auto; }
.top-nav-items { float:left;*position:relative;font-size:12px;margin-top:3px; }
.top-nav-items li { float:left;display:inline;margin:2px 20px 0 0}
/* 由于'更多' 下拉被电影搜索框遮挡, 故添加z-index. by: guoliang */
.top-nav-items li.top-nav-more { position: relative; z-index:50; left: 0; top: -1px; _top: 2px }
.top-nav-items li.top-nav-more a { color: #566d5e }
.top-nav-items li.top-nav-more a:hover { color: #fff }
.top-nav-items li .top-nav-more-items { position: absolute; width: 50px; padding: 1px 4px; zoom: 1; z-index: 2; }
/* 当'更多'展开时再设置高度，否则由于 z-index 原因会遮挡下方其他内容，导致无法点击 by @gonghao */
.top-nav-items li .top-nav-more-items.on { height: 80px; height: 84px\9; _height: 80px; }
.top-nav-items li .top-nav-more-items a { padding: 0 }
.top-nav-items li .arrow { display: inline-block; border-width: 4px; border-color: #566D5E transparent transparent transparent; border-style: solid dashed dashed dashed; width: 0; height: 0; font-size: 0; line-height: 0; vertical-align: middle }
.top-nav-items li a:hover .arrow { border-color: #fff transparent transparent transparent }
.top-nav-items li .top-nav-more-items ul { display: none; overflow: hidden }
.top-nav-items li .top-nav-more-items ul li { float: none; display: block; margin: 0 }
.top-nav-items li .top-nav-more-items ul li a { display: inline-block; width: 100% }
.top-nav-items li .on { border: 1px solid #ccc; background: #fff; padding: 0 3px }
.top-nav-items li .on ul { display: block }
.nav-srh { float:left;height:38px;padding-left:5px;background:url("https://img3.doubanio.com/pics/nav/ui_ns_sbg4.png") no-repeat 0 0; }
.nav-srh form { padding:0 1px 0 0;height:38px;*float:left;background:url("https://img3.doubanio.com/pics/nav/ui_ns_sbg4.png") no-repeat 100% 0; }
.nav-srh input { float:left;width:300px;height:26px;line-height:26px;border:1px solid #a6d098;background:#fff;padding:0 2px;-webkit-appearance:none;-webkit-border-radius:0; }
.nav-srh .inp { position:relative;padding-top:5px;width:366px; }
.nav-srh label { position:absolute;color:#ddd;left:4px;top:5px;line-height:24px;cursor:text; }
.nav-srh .bn-srh { width:54px;height:29px;font-size:13px;padding:1px 0 3px 3px;border:none;background:transparent url("https://img3.doubanio.com/pics/nav/ui_ns_sbg4.png") no-repeat 0 -100px;cursor:pointer;letter-spacing:3px;text-align:center; }
.nav-srh .bn-srh { padding:2px 0 0 0\9; }

label.inp-placeholder { position: absolute; left: 0; white-space: nowrap; margin-left: 9px; line-height: 1.4; *line-height: 1.2; color: #c6c6c6; cursor: text; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; }
label.inp-active { color: #ddd; }
/* 低调的表单 */
.humble-form input.text {
  width: 290px; height: 1.2em; line-height: 1.2;
  padding: 7px 6px; *padding: 10px 6px 6px;
  border: 1px solid #dcdcdc; border-radius: 3px; }
.humble-form .bn-srh { background: transparent url("https://img3.doubanio.com/pics/nav/ui_ns_sbg4.png") no-repeat -191px -102px;
  text-indent: -100px; border: 0; overflow: hidden; cursor: pointer;
  width: 23px; height: 23px; margin-left: -28px; }
.humble-form label.inp-placeholder { margin-top: 2px; }


.pro-nav .nav-srh { float:left; }
.site-nav { width:100%;height:36px;clear:both; }
.site-nav .bd { float:right;height:36px;width:84%; }
.site-nav-logo { float:left;position:relative;*margin-top:2px; }
#db-nav-main .bd { width: 774px;background-color:#e7f3e7; }
.site-nav-logo a:hover,
.site-nav-logo a:active,
.site-nav-logo a { background:transparent; }
.top-nav-info { float:right;margin-top:5px;*margin-top:6px; }
.top-nav a:link,
.top-nav a:visited,
.top-nav a:hover,
.top-nav a:active { color:#566d5e; }
.top-nav a:hover { background-color:#566d5e;color:#fff; }
.top-nav li.on { color:#000; }
.top-nav li.on, .top-nav li.on a:link, .top-nav li.on a:visited, .top-nav li.on a:hover, .top-nav li.on a:active { color:#219a44;font-weight:800; }
.top-nav li.on a:hover { color:#fff;background:#219a44; }
.top-nav em, .site-nav em { font-style:normal; }
.top-nav-info a { margin-left:10px; }
.site-nav-items { float:left;position:relative;left: 0; top: 0; padding-left:28px;line-height:36px;color:#d4d4d4; }
.site-nav-items #online_guide { color: #6c6869; position:absolute; top: 37px; left: 180px; padding: 6px; width: 120px; line-height: 20px; border: 1px solid #9bc59b; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.site-nav-items #online_guide .arrowUp { z-index: 2; position: absolute; top: -12px; left: 95px; height: 0; width: 0; font-size: 0; line-height: 0; border-left: 6px dashed transparent; border-top: 6px dashed transparent; border-right: 6px dashed transparent; border-bottom: 6px solid #ffffff }
.site-nav-items #online_guide .arrowUpBorder { position: absolute; top: -14px; left: 94px; height: 0; width: 0; font-size: 0; line-height: 0;  border-left: 7px dashed transparent; border-top: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid #9bc59b }
.site-nav-items li { float:left;display:inline;margin-right:14px;background:url("https://img3.doubanio.com/pics/nav/ui_ns_sbg4.png") no-repeat 0 -140px; }
.site-nav-items li a:link,
.site-nav-items li a:hover,
.site-nav-items li a:visited,
.site-nav-items li a:active { font-size:14px;color:#0c7823;margin-left:14px;vertical-align:middle; }
.site-nav-items li a:hover { background-color:#0c7823;color:#fff; }
.site-nav h1 { font-size:21px;padding:8px 0; }
.nav-tip { margin-bottom:-2em;text-align:right;line-height:2;*position:relative; }
.nav-tip a { margin-left:10px;}
.srh-group { border-top:1px solid #ddd;margin-top:5px;padding-top:5px; }
.srh-group a:hover { background:#777 !important; }
.single-nav { padding-top:15px; }
.blur { color:#ddd; }


.submenu { float:left;position:relative;width:45px;height:21px;border:1px solid #b6c9c1;border-left:none;margin:0 2px 0 -5px;background:#fff;padding:2px 0 1px 0; }
.submenu .menu { position:absolute;width:85px;top:24px;right:-1px;background:#fff;border:1px solid #b6c9c1; }
.submenu .selected { padding:0 0 0 5px;border-left:1px solid #b6c9c1;cursor:pointer; }
.submenu .selected span { position:absolute;width:7px;height:5px;right:4px; top:10px;overflow:hidden;background:url("https://img3.doubanio.com/pics/nav/ui_ns_sbg4.png") no-repeat -240px -124px; }
.submenu .menu li { width:100%; }
.submenu .menu a { display:block;padding:2px 10px; }
.nav-srh .open span { background-position:-240px -100px; }
.submenu .line { height:1px;font-size:0;line-height:0;margin-bottom:1px;overflow:hidden;border-bottom:1px solid #c3c3c3; }

a.bn-radio:link,a.bn-radio:visited,a.bn-radio:hover,a.bn-radio:active {position:relative;margin:0 4px;padding:0 0 0 24px;zoom:1;height:14px;overflow:hidden;vertical-align:text-bottom;background:url("https://img3.doubanio.com/pics/nav/ic_radio2.gif") no-repeat 0 0;*vertical-align:baseline;line-height:15px;*margin:0;*top:-1px; }
a.bn-radio:hover { color:#fff;background-color:#6a7e71; }

#db-nav-movie .site-nav-items li { margin-right:9px; }
#db-nav-movie .nav-srh { background-position:0 -50px; }
#db-nav-movie .nav-srh form { background-position:100% -50px; }
#db-nav-movie .nav-srh input { border-color:#8cd4de; }
#db-nav-movie .nav-srh .bn-srh { background-position:-130px -100px; }
#db-nav-movie .site-nav-items li a:link,
#db-nav-movie .site-nav-items li a:hover,
#db-nav-movie .site-nav-items li a:visited,
#db-nav-movie .site-nav-items li a:active { font-size:14px;color:#0090b3;margin-left:12px;vertical-align:middle; }
#db-nav-movie .site-nav-items li a:hover { background-color:#0090b3;color:#fff; }
#db-nav-movie .site-nav-items li.new a:link,
#db-nav-movie .site-nav-items li.new a:visited,
#db-nav-movie .site-nav-items li.new a:active { color: #f93 }
#db-nav-movie .site-nav-items li.new a:hover { color: #fff; background: #f93; }

#db-nav-book .site-nav-items li { margin-right:9px; }
#db-nav-book .site-nav-items li a:link,
#db-nav-book .site-nav-items li a:hover,
#db-nav-book .site-nav-items li a:visited,
#db-nav-book .site-nav-items li a:active { margin-left:12px; }
#db-nav-book .site-nav-items li.annotation { position: relative }
#db-nav-book .site-nav-items li.annotation sub { position: absolute; right: -20px; top: 0; z-index: 2; width: 20px; height: 10px; text-indent: -9999px; background: url("https://img3.doubanio.com/pics/icon/sub_book_annotation.gif") no-repeat right center }
#db-nav-book li .lnk-buy { display:-moz-inline-box;display:inline-block;zoom:1;width:66px;height:21px;line-height:22px;*line-height:23px;overflow:hidden;background:transparent url("https://img3.doubanio.com/pics/nav/ui_ns_sbg4.png") no-repeat -280px -120px;font-size:12px;color:#368332;*margin-top:8px; }
*:first-child+html #db-nav-book .nav-anon .lnk-buy { margin-top: 0px; }

#db-nav-movie .site-nav-items, #db-nav-book .site-nav-items { padding-left:20px; }
#db-nav-book .site-nav-items { _margin-right: -5px; }

#db-nav-book li .lnk-buy em { margin-left:24px; }
#db-nav-book li.site-nav-prom { position: relative; left: 0; top: 0; zoom: 1 }
*+html #db-nav-book li.site-nav-prom { top: -4px; }
#db-nav-book li.site-nav-prom sup { position: absolute; left: 65px; top: -2px; width: 60px; height: 10px; background-image: url("https://img3.doubanio.com/pics/icon/cart_coupon_status.gif"); background-repeat: no-repeat; text-indent: -9999px; line-height: 10px }
#db-nav-book li.site-nav-prom sup.coupon { background-position: 0 0 }
#db-nav-book li.site-nav-prom sup.re-arrival { background-position: 0 -10px }
#db-nav-main .site-nav-items li { margin-right:26px;*margin-right:22px;background:none;color:#e9f4e9; }
#db-nav-main .site-nav-items li a { margin:0; }
#db-nav-main .bd { background-color:#e9f4e9; }
#db-nav-main .nav-srh input { width:264px;height:24px; }
#db-nav-main .nav-srh .inp { width:300px; }
#db-nav-music .site-nav-items li { margin-right:30px;background:none;color:#eff2ef; }
#db-nav-music .bd { background-color:#e9ede9; }
#db-nav-main .nav-srh, #db-nav-main .nav-srh form,
#db-nav-music .nav-srh, #db-nav-music .nav-srh form { background:none; }
#db-nav-main .nav-srh,
#db-nav-music .nav-srh { float:right;height:36px; }
#db-nav-main .nav-srh form,
#db-nav-music .nav-srh form { height:36px; }
#db-nav-music .nav-srh input { width:235px;height:24px; }
#db-nav-main .nav-srh .bn-srh,
#db-nav-music .nav-srh .bn-srh { width:50px;height:26px;*padding-top:1px; }
#db-nav-music .nav-srh .inp { width:300px; }
#db-nav-music .site-nav-items li a:link,
#db-nav-music .site-nav-items li a:hover,
#db-nav-music .site-nav-items li a:visited,
#db-nav-music .site-nav-items li a:active { font-size:14px;color:#3b5343;margin-left:0;vertical-align:middle; }
#db-nav-music .site-nav-items li a:hover { background-color:#607869;color:#fff; }
#db-nav-music .nav-srh input { border-color:#b6c9c1; }
#db-nav-music .nav-srh .bn-srh { background-position:-60px -100px; }
#db-nav-main .nav-srh .bn-srh { width:27px;margin-left:-4px;overflow:hidden;text-indent:-100px;background-position:-190px -100px; }

#db-nav-main .site-nav-logo { padding-top:3px; _padding-top:0; _height:34px }
#db-nav-music .site-nav-logo,
#db-nav-movie .site-nav-logo,
#db-nav-book .site-nav-logo { padding-top: 5px }

#db-nav-music .site-nav-logo a:hover img,
#db-nav-movie .site-nav-logo a:hover img,
#db-nav-book .site-nav-logo a:hover img,
#db-nav-location .site-nav-logo a:hover img { opacity: 0.8; filter: alpha(opacity=80) }

.block4 { clear:both;margin-bottom:30px; }
#db-music-artists .headline { width:100%;margin-bottom:30px; }
#db-music-artists .item:after,
#db-music-artists .headline:after { content:'\0020';clear:both;display:block; }
#db-music-artists .headline h3 { height:auto;background:transparent;margin:0; }
#db-music-artists { color:#535353; }
#db-music-artists .headline .pic { float:left;margin-right:20px; }
#db-music-artists .headline .pic img { margin-bottom:-6px; }
#db-music-artists .headline p { margin:5px 0;}
#db-music-artists .item {  display:inline-block;*display:inline;*zoom:1;width:46%;*width:46.5%;margin:0 20px 20px 0;vertical-align:top; }
#db-music-artists .item .pic { width:60px; }
#db-music-artists .item .pic,
#db-music-artists .item .info { display:table-cell;*float:left;vertical-align:top; }
#db-event-hosts .group { clear:both;zoom:1;margin-bottom:20px;border-bottom:1px dashed #ddd;padding-bottom:5px; }
#db-event-hosts .group:after { content:'\0020';display:block;clear:both; }
#db-event-hosts .group li { float:left;width:32.3%;white-space:nowrap;overflow:hidden;margin-right:1%;height:22px; }

/* location nav */
#db-nav-location { position:relative;z-index:1; }
#db-nav-location .site-nav-logo { height:35px; width:124px; overflow: hidden; }
#db-nav-location .site-nav-logo img { margin-top: 3px; *margin-top: 0; vertical-align: text-top; background: #fff; }
#db-nav-location .site-nav-logo em { margin-left:-9999em; }
#db-nav-location .site-nav-items li { margin-right:30px; background:none; color: #666; font-size: 14px; position: relative; font-weight: 600; }
#db-nav-location .site-nav-items li span { vertical-align: middle; }
#db-nav-location .site-nav-items li a { margin:0; }
#db-nav-location .site-nav-items a:link,
#db-nav-location .site-nav-items a:visited { color:#0192b5; }
#db-nav-location .site-nav-items a:hover,
#db-nav-location .site-nav-items a:active { background-color:#0192b5; color:#fff; }
#db-nav-location .bd { float:left;width:auto;margin-right:-1000em; }
#db-nav-location .local-label { position:relative;float:left; height:36px; padding:5px 22px 0 25px; }
#db-nav-location .local-label a.label:link,
#db-nav-location .local-label a.label:visited,
#db-nav-location .local-label a.label:hover,
#db-nav-location .local-label a.label:active {
  display: inline-block;
  float:left;
  padding: 6px 10px 7px;
  font: 700 14px/1 tahoma, arial, 'stheiti', '黑体', sans-serif;
  background-color:#e6e6e6;
  border-radius: 4px; color: #333;
  *line-height: 14px;
  *padding-top: 8px;
  *padding-bottom: 5px;
}
#db-nav-location .local-label a.label:hover { background-color: #eee; }
#db-nav-location .local-list { display:none;position:absolute;z-index:10;left:24px;top:34px;
  border:1px solid #ddd;width:16.2em;background:#fff; border-radius: 3px; -moz-border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.1);
  padding:12px 0 6px 20px; }
#db-nav-location .local-list li { display:inline-block;*display:inline;zoom:1;vertical-align:top;width:4em;margin:0 -3px 6px 0;white-space:nowrap; }
#db-nav-location .local-label em { display:inline-block;*display:inline;zoom:1; margin-left:5px; margin-top:-4px; border-color: #333 transparent transparent; border-style: solid dashed dashed; border-width: 5px 5px 0; height: 0; line-height: 0; vertical-align: middle; width: 0; }
#db-nav-location .label-active em { border-color: transparent transparent #333; border-style: dashed dashed solid; border-width: 0 5px 5px; margin-top:-4px; }
#db-nav-location .ic_new { position:absolute;margin:8px 0 0 0;margin-top:-2px\9;width:20px;height:9px;overflow:hidden;background:url("../../pics/icon/ic_new.png") no-repeat 0 0; }
#loc-nav-search { background: none; position: absolute; right: 0; padding: 0; top: 4px; z-index:2; }
#loc-nav-search input.text { width:296px; }
#loc-nav-search .bn-srh { margin-top: 4px; }

/* group */



#db-nav-group .bd { background-color:#f0f4f5; }
#db-nav-group .site-nav-items li { margin-right:30px;background:none;color:#eff2ef; }
#db-nav-group .nav-srh { float:right;height:36px; }
#db-nav-group .nav-srh, #db-nav-group .nav-srh form { background:none; }
#db-nav-group .nav-srh form { height:36px; }
#db-nav-group .nav-srh input { width:235px;height:24px; }
#db-nav-group .nav-srh .bn-srh { width:50px;height:26px;*padding-top:1px; }
#db-nav-group .nav-srh .inp { width:300px; }
#db-nav-group .nav-srh input { border-color:#b5c9c0; }
#db-nav-group .nav-srh .bn-srh { background-position:-60px -100px; }
#db-nav-group .site-nav-items li a:link,
#db-nav-group .site-nav-items li a:visited,
#db-nav-group .site-nav-items li a:hover,
#db-nav-group .site-nav-items li a:active { color:#0a83a0; }
#db-nav-group .site-nav-items li a:hover,
#db-nav-group .site-nav-items li a:active { color:#fff;background-color:#0a83a0; }
#db-nav-group .site-nav-logo { padding-top: 5px }
#db-nav-group .site-nav-logo a:hover img { opacity: 0.8; filter: alpha(opacity=80) }