body { background: #f7f7f7; } 
.nav { width: 100%; height: 34px; min-width: 990px; background: #1a1c1f url(../images/bg-nav.png) 0 0 repeat-x; } 
.nav h1 { float: left; margin: 6px 0 0 10px; font-size: 18px; font-weight: bold; color: #fff; } 
.nav h1 a { display: block; width: 26px; height: 23px; line-height: 100px; overflow: hidden; background: url(../images/logo.png) 0 0 no-repeat; }  
.nav .nav-links { float: left; font-size: 12px; } 
.nav .nav-links li { float: left; margin: 10px 0 0 12px; height: 16px; line-height: 16px; } 
.nav .nav-links li a { color: #ddd; } 
.nav .nav-links li span { color: #666; font-family: SimSun; } 
.nav .nav-info { float: right; padding: 7px 10px 0 0; width: 280px; height: 20px; line-height: 20px; white-space: nowrap; } 
.nav .infobox, .nav .regLogin { float: right; position: relative; } 
.nav .infobox .gohome, .nav .infobox .xiaoxi, .nav .infobox .share, .nav .infobox .btn-signIn, .nav .nav-reg, .nav .nav-login { color: #ddd; } 
.nav .gohome { position: relative; float: left; height: 20px; padding: 0 0 0 25px; } 
.nav .gohome .uphoto { position: absolute; z-index: 9; top: 0; left: 0; } 
.nav .gohome .uphoto img { width: 20px; height: 20px; } 
.nav .nav-info .split { float: right; color: #aaa; font-family: SimSun; margin: 0 10px; } 
.nav .infobox .dropdown, #checkin_intro { top: 27px; }  
.nav .regLogin { width: 100px; } 
.nav .regLogin .login-dropdown { display: none; position: absolute; top: 27px; right: 0; z-index: 999; width: 108px; padding: 0 6px; background: #fff; border: 1px solid #e5e5e5; }
.nav .regLogin .login-dropdown li { padding: 10px 0; border-bottom: 1px solid #F3F3F3; height: 16px; } 
.nav .regLogin .login-dropdown li a { color: #333; } 
.nav .regLogin .login-dropdown li.last { border-bottom: none; } 

.pictorial { width: 100%; min-width: 990px; } 
.top { width: 100%; height: 40px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.08); border-bottom: 1px solid #e8e8e8\9; } 
.top .bread { float: left; padding: 10px 0 0 18px; height: 20px; line-height: 20px; color: #999; font-size: 16px; } 
.top .bread a { color: #333; } 
.top .bread-arrow { margin: 0 10px; font-family: SimSun; } 
.top .author { float: right; padding: 5px 16px 5px 13px; height: 30px; background: #f7f7f7; border-left: 1px solid #e7e7e7; } 
.top .author a { position: relative; float: left; padding-left: 40px; height: 30px; line-height: 30px; color: #666; } 
.top .author a:hover { color: #666; text-decoration: none; } 
.top .author .avatar { position: absolute; z-index: 9; top: 0; left: 0; } 
.top .author .avatar img { width: 30px; height: 30px; } 
.top .action { float: right; margin-top: 7px; line-height: 26px; } 
.top .action a { float: left; margin-right: 10px; width: 71px; height: 26px; color: #fff; text-align: center; font-weight: bold; background: #86B835; } 
.top .action .del-pictorial { background: #efefef; color: #333; font-weight: normal; } 
.pictorial .page { height: 495px; min-height: 495px; width: 600px; min-width: 600px; margin: 20px auto 0; padding: 0 360px 0 30px; position: relative; } 
.main { width: 100%; height: 100%; background: #fff; } 
.side { position: absolute; z-index: 11; top: 0; right: 30px; width: 300px; height: 582px; min-height: 582px; } 
.main .photowrap { margin-left: 10px; padding: 10px 0; min-height: 590px; min-width: 580px; position: relative; } 
.main .photobox { position: absolute; top: 0; left: 0; z-index: 9; } 
.main .photobox img { width: 100%; height: 100%; margin: 0; padding: 0; vertical-align: bottom; -ms-interpolation-mode: bicubic; } 
.photowrap .loader { display: none; position: absolute; top: 50%; left: 50%; z-index: 99; margin: -30px 0 0 -30px; width: 60px; height: 60px; background: url(../images/loading_circle.gif) no-repeat; } 
.photowrap .click-receiver { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; -webkit-user-select: none; -moz-user-select: none; user-select: none; } 
.cursor-left { cursor: url("../images/cursor_left.cur"), auto; } 
.cursor-right { cursor: url("../images/cursor_right.cur"), auto; } 
/*.photonavi { padding: 20px 0 10px; height: 20px; } 
.photonavi-wrap { width: 539px; height: 20px; margin: 0 auto; position: relative; } 
.photonavi .scroll-left, .photonavi .scroll-right { display: none; position: absolute; z-index: 15; top: 2px; width: 16px; height: 16px; cursor: pointer; background-image: url(../images/arrow-btn.png); background-repeat: no-repeat; } 
.photonavi .scroll-left { left: -16px; background-position: -48px 0px; } 
.photonavi .scroll-right { right: -16px; background-position: -16px 0px; } 
.photonavi-con { width: 539px; height: 20px; white-space: nowrap; text-align: center; overflow: hidden; } 
.photonavi-con a { display: inline-block; zoom: 1; *display: inline; overflow: hidden; margin: 0 8px; width: 30px; height: 20px; line-height: 20px; color: #666; text-align: center; } 
.photonavi-con a.on, .photonavi-con a:hover { color: #fff; background: #333; text-decoration: none; } */
.photonavi { position: absolute; z-index: 999; left: 0; top: 50px; width: 112px; height: 500px; background: rgba(34,34,38,0.5); transition: width .2s;-moz-transition: width .2s;-webkit-transition: width .2s;-o-transition: width .2s;-ms-transition: width .2s; } 
.photonavi.close { width: 0; } 
.photonavi.close .scroll-up, .photonavi.close .scroll-down { visibility: hidden; } 
.photonavi-wrap { position: relative; width: 100%; height: 500px; overflow: hidden; } 
.photonavi-con { padding: 6px; } 
.photonavi-con li { margin-bottom: 6px; background: #222226; } 
.photonavi-con li a { display: block; width: 100px; height: 120px; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50); transition: opacity .2s;-moz-transition: opacity .2s;-webkit-transition: opacity .2s;-o-transition: opacity .2s;-ms-transition: opacity .2s;-webkit-transform-style: preserve-3d; }
.photonavi-con li a:hover { opacity: 0.8; filter: alpha(opacity=80); } 
.photonavi-con li a.on { opacity: 1; filter: alpha(opacity=100); } 
.photonavi-con li a img { max-width: 100px; _width:100px; } 
.photonavi .slide-toggle { position: absolute; z-index: 1000; right: -28px; top: 50%; margin-top: -14px; width: 28px; height: 28px; background: #121215; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } 
.photonavi .slide-toggle .icon { margin: -8px 0 0 -8px; width: 16px; height: 16px; background-position: -40px -5px; } 
.photonavi .scroll-up,
.photonavi .scroll-down { display: none; position: absolute; z-index: 1000; left: 0; height: 23px; width: 112px; background: #121215; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } 
.photonavi .slide-toggle:hover,
.photonavi .scroll-up:hover,
.photonavi .scroll-down:hover { opacity: 1; } 
.photonavi .scroll-up { top: 0; } 
.photonavi .scroll-down { bottom: 0; } 
.photonavi .icon { position: absolute; z-index: 1001; top: 50%; left: 50%; margin: -3px 0 0 -6px; width: 11px; height: 7px; display: block; background: url(../images/slide.png) no-repeat; } 
.photonavi .scroll-up .icon { background-position: -3px -3px; } 
.photonavi .scroll-down .icon { background-position: -3px -13px; } 
.side .progress { margin-bottom: 6px; font-family: Georgia, 'Monotype Corsiva', Arial, sans-serif; position: relative; } 
.side .progress .curnum { color: #e26; font-size: 40px; font-style: italic; } 
.side .progress .totalnum { color: #333; font-size: 18px; font-style: italic; } 
.side .photodesc { margin-bottom: 30px; color: #666; line-height: 26px; height: 105px; overflow-y: auto; } 
.similarity h3 { margin-bottom: 15px; color: #333; line-height: 20px; } 
.similarity .scrollable { width: 300px; height: 300px; position: relative; overflow: hidden; } 
.similarity .scrollable .items { position: absolute; z-index: 12; width: 2000em; height: 300px; } 
.similarity .scrollable .item { float: left; width: 303px; height: 300px; } 
.similarity .scrollable .item li { float: left; *display: inline; margin: 0 3px 0 0; width: 98px; height: 150px; } 
.similarity .scrollable .item li a { display: block; width: 98px; height: 110px; overflow: hidden; background: #fff; } 
.similarity .scrollable .item li a img { max-height: 110px; _height: 110px; } 
.similarity .scrollable .item li .price { display: block; padding-top: 10px; line-height: 15px; color: #999; text-align: left; } 
.similarity .scrollnavi a { display: inline-block; zoom: 1; *display: inline; overflow: hidden; margin-right: 5px; width: 20px; height: 20px; line-height: 20px; color: #666; text-align: center; background: #fff; cursor: pointer; } 
.similarity .scrollnavi a.active { color: #fff; background: #b1b1b1; } 
.pictorial-navi { position: absolute; z-index: 13; bottom: 0; left: 0; width: 300px; height: 70px; } 
.pictorial-navi a { display: block; padding-left: 10px; height: 30px; line-height: 30px; text-align: left; background: #fff; color: #666; } 
.pictorial-navi .prev-pictorial { margin-bottom: 10px; } 

.bottom { width: 100%; min-width: 990px; margin-top: 20px; padding: 35px 0 40px; border-top: 4px solid #d9d9d9; background: #1d1f21 url(../images/bg-bm.png); } 
.more-pictorial { padding-top: 30px; border-top: 1px solid #313235; } 
.more-pictorial h2 { width: 130px; margin: -40px auto 0; height: 20px; line-height: 20px; font-size: 14px; color: #fff; text-align: center; background: #1d1f21; } 
.more-pictorial ul { margin: 0 auto; width: 1140px; height: 240px; overflow: hidden; } 
.more-pictorial ul li { float: left; *display: inline; margin: 20px 10px 0; padding: 5px; width: 160px; height: 210px; background: #fff; overflow: hidden; } 
.more-pictorial ul li .cover-link { display: block; width: 160px; height: 160px; overflow: hidden; } 
.more-pictorial ul li img { max-width: 160px; _width: 160px; background: #909090; } 
.more-pictorial ul li p { padding-top: 7px; line-height: 20px; } 
.more-pictorial ul li p a { color: #666; } 
#ft { padding-top: 30px; text-align: center; }
#ft span, #ft a { color: #666; } 

/* 删除画报确认框 */
#J_DelFrameDialog, #J_DelPictorialDialog { width: 320px; } 
#J_DelFrameDialog .bd a, #J_DelPictorialDialog .bd a { float: none; } 

/* 更多画报弹层 */
.morePictorialD { width: 640px; } 
.morePictorialD .bd { padding: 30px; } 
.morePictorialD .hdline { margin-bottom: 25px; height: 30px; line-height: 30px; color: #333; font-size: 20px; } 
.morePictorialD .share-pictorial { float: right; width: 140px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; text-align: center; background: #86B835; } 
.morePictorialD .share-pictorial:hover { text-decoration: none; } 
.morePictorialD .more-list { width: 580px; height: 290px; overflow: hidden; } 
.morePictorialD .more-list ul { width: 600px; } 
.morePictorialD .more-list ul li { float: left; *display: inline; width: 180px; height: 135px; margin: 0 20px 20px 0; overflow: hidden; } 
.morePictorialD .more-list ul li img { max-width: 180px; _width: 180px; } 
