@charset "utf-8";
body { background:none;}
.left { float:left;}
.right { float:right;}
.po_re { position:relative; *zoom:1; z-index:2;}
.po_ab { position:absolute;}

.header h1,.sort .t,.actions .vieworigin,.actions .comment,.thumb .cur,.thumb .fold,.end .tips .tips_menu .replay .s,.end .close,.tag .po .s,.actions .viewnews,.comment .write .po_captcha .close { background:url(../images/sp2013.gif) no-repeat 0 0;}
.footer .right .return_top a { background:url(../images/common2013_sp.gif) no-repeat 0 0;}
.mod_01 .hd,.mod_01 .hd li { background:url(../images/sp_repeat_x_2013.gif) repeat-x 0 0;}

.header { background-color:#333; border-bottom:2px solid #606060; height:43px; padding:0 5px 0 183px; line-height:43px; color:#666; z-index:99;}
.header h1 { top:0; left:10px; width:161px; height:48px; padding-top:1px; background-position:-290px -328px; text-align:center;}
.header h1 a { font-size:20px; font-weight:bold; color:#fff;}
.header h1 a:hover { color:#fff; text-decoration:none;}
.header a,.header a:hover { color:#999;}
.login { line-height:24px; height:24px; padding-top:9px;}
.login li { float:left; padding:0 4px;}
.login .username { color:#f30;}
.login img { vertical-align:middle;}
.footer { background-color:#f7f7f7; padding:10px; color:#888;}
.footer .right li { float:left; padding:0 6px;}
.footer .right a { color:#999;}.footer .right a:hover,.footer .right .return_top a:hover { color:#d00;}
.footer .right .return_top a { color:#404040; display:block; padding-right:18px; background-position:-435px -208px;}
.pageNavigation,.c_page { text-align:center; padding:25px 0;}
.c_page .right,.c_page .left { float:none;}

.pageNavigation a,.c_page a { background-color:#fff; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 0 0 0; padding:8px 13px; border:1px solid #ccc; color:#585858; font-size:14px; font-weight:bold;}.pageNavigation a:hover,.c_page a:hover { color:#d00;}
.pageNavigation .cur,.c_page .current { background-color:#f60; color:#fff; cursor:default;}.pageNavigation .cur:hover,.c_page .current:hover { color:#fff; text-decoration:none;}
.pageNavigation .next,.pageNavigation .prev { background:#fff url(../images/sp2013.gif) no-repeat 0 0;}
.pageNavigation .next { background-position:-795px -92px; padding-right:20px;}
.pageNavigation .prev { background-position:-843px -122px; padding-left:20px;}
.c_page .kill { color:#aaa; cursor:default;}.c_page .kill:hover { color:#aaa; text-decoration:none;}


.filter { padding:35px 15px 30px; min-width:970px;}
.tag li { float:left; font-size:18px; color:#999;}
.tag .po { position:relative; z-index:3; *zoom:1;}
.tag .po .s { background-position:-845px -181px; width:17px; height:16px; position:absolute; top:6px; right:0;}
.tag .show .s {}
.tag .po ul { display:none; position:absolute; top:32px; left:0; background-color:#fff;}
.tag .show ul { display:block;}

.tag a { padding:0 15px; color:#888; border-bottom:6px solid #fff; display:block;}
.tag a:hover { color:#333; text-decoration:none; border-bottom:6px solid #333;}
.tag .current a,.tag .current a:hover { color:#333; border-bottom:6px solid #d84830;}
.sort li { float:left;}
.sort .t {  padding:7px 10px 5px 20px; background-position:-544px -54px; color:#aaa;}
.sort a { font-size:14px; display:block; padding:5px 30px; border:1px solid #ccc; margin-right:-1px; -margin-right:0;}
.sort .current a { color:#fff; background-color:#d84830;}

.list { text-align:center; padding-bottom:20px;}
.list li { text-align:left; position:relative; *zoom:1; z-index:2; overflow:hidden; float:left; margin-bottom: 3px;}

.list a:hover h3 { text-decoration:none; cursor:pointer}
.list .hover-mask {background:none;background:rgba(255, 255, 255, 0); position:absolute; width:100%; height:100%; top:0; left:0; -webkit-transition:background 0.2s ease-out;-moz-transition:background 0.2s ease-out;-o-transition:background 0.2s ease-out;transition:background 0.2s ease-out;}
.list li:hover .hover-mask { background:rgba(255, 255, 255, 0.1);}
.list h3 { position:absolute; width:100%; bottom:0; left:0; _bottom:-1px; padding:10px 0 10px 10px; background-color:black; color:#fff; font-weight:normal; font-size:16px;text-shadow: 0 0 3px black;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(64%, rgba(0, 0, 0, 0.56)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);}

.ie9 .list h3 {
  filter: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.ie6 .list h3,
.ie7 .list h3,
.ie8 .list h3 {
  padding: 8px 0 10px\9 10px;
  filter: alpha(opacity=70);
}
.list h3 .date { display:none; font-size:12px;}
.list h3 .num { display:none; margin-left:-15px; text-align:center; color:#fff; font-weight:normal; font-size:30px;}
.list_show h3 .date { display:block;}
.list_show h3 .num { display:block;}

.pageNavigation .current { background-color:#d84830;}

.top { width:100%; min-width:990px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?"990px":"auto"); background-color:#f6f6f6; line-height:62px; height:62px; position:relative; *zoom:1; z-index:9;}
.headline { width:500px; margin:0 0 0 330px; overflow:hidden; height:52px; position:relative; z-index:5; *zoom:1;}
.headline h1 { display:inline; margin-right:8px; font-size:20px; color:#333;}
.headline .date { color:#999; font-style:italic;}
.actions { position:absolute; z-index:6; background-color:#f6f6f6; right:0; top:0; height:36px; line-height:36px; padding:10px 0; font-size:14px;}
.actions .share { padding:0 10px; float:left;}
.actions em { color:#b92635; font-style:italic; font-weight:bold; font-family:Georgia, Arial, sans-serif;}
.actions .bor { margin-top:10px; border-right:1px solid #dadada; padding:0 10px; line-height:22px;}
.actions .tit { line-height:24px; margin-top:9px;}
.actions .vieworigin,.actions .comment,.actions .viewnews { display:block; padding:0 0 0 25px; background-position:-550px -116px;}
.actions .comment { background-position:-548px -86px;}
.actions .viewnews { background-position:-548px -30px;}

.thumb { position:absolute; z-index:3; left:0; top:0; padding:0 10px; background-color:#f5f5f5;}
.thumb ul { float:left; height:48px; overflow:hidden;}
.thumb li { float:left; font-size:14px; font-style:italic; padding:0; width:29px; text-align:center;}
.thumb li span { display:block; overflow:hidden; cursor:pointer;}
.thumb .cur { background-position:-543px -137px; font-weight:bold; color:#fff;}
.thumb li span:hover { color:#d0412c; cursor:pointer;}
.thumb .cur span:hover { color:#fff;}
.thumb .fold { width:16px; height:16px; margin:24px 0 0 10px; background-position:-401px -293px; overflow:hidden; float:left; display:inline; cursor:pointer;}
.thumb .open { background-position:-427px -293px;}

.main { padding:10px 30px;color:#fff;}

.main .photoarea { border:1px solid #dadada; padding:5px; position:relative; z-index:2;}
.main .cursor-left { cursor:url("http://img2.cache.netease.com/utf8/gallery/img/cursor_left.cur"), auto}
.main .cursor-right { cursor:url("http://img2.cache.netease.com/utf8/gallery/img/cursor_right.cur"), auto}
.photoarea .photo { margin:0 auto; position:relative; *zoom:1; z-index:2; background:url(../images/indicator_arrows.gif) no-repeat 50% 50%; height:500px;}
.photoarea .photo img { vertical-align:top; border:0 none;}
.photoarea .picinfo { position:absolute; width:100%; bottom:0; left:0; _margin-bottom:-1px; background:#000; background:rgba(0, 0, 0, 0.7); cursor:default; filter: alpha(opacity=70);}
.progress { float: left; width: 55px; height: 55px; margin: 0 15px 5px 15px; display:inline; text-align: center; background: url(../images/splash_white.png) 60% 70% no-repeat; position: relative;}
.progress-wide { width:85px;}
.progress .numerator,
.progress .denominator { position:absolute; font-family:Georgia, 'Monotype Corsiva', Arial, sans-serif; font-style:italic; line-height:1.2;}
.progress .numerator { bottom:25%; right:50%; color:#cc191b; font-size:36px;}
.progress .denominator { top:60%; left:60%; font-size:14px;}
.photoarea .progress { top: 0px; margin-bottom:0;}
.photoarea .picinfo-text-wrap { padding:10px 60px 10px 85px;}
.photoarea .picinfo-text { font-size:14px;}
.photoarea .picinfo .fold2,.photoarea .picinfo .unfold { background-image:url(../images/picinfo_fold.png); background-repeat:no-repeat; cursor:pointer; opacity:.85; filter: alpha(opacity=85); position:absolute; right:0; bottom:0;}
.photoarea .picinfo .fold2:hover,.photoarea .picinfo .unfold:hover { opacity:1; filter:alpha(opacity=100);}
.photoarea .picinfo .fold2 { background-position:-160px center; width:60px; height:60px; display:block;}
.photoarea .picinfo .unfold { display:none; background-color:black; background-position:19px 15px; width:60px; height:30px; line-height:30px; padding-top:30px; text-align:center;}
.photoarea .picinfo-fold .progress, .photoarea .picinfo-fold .picinfo-text-wrap, .photoarea .picinfo-fold .fold2 { display:none;}
.photoarea .picinfo-fold .unfold { display:block;}

.thumb .thumb-img-wrap { position: absolute; z-index:9; top: 55px; left: 20px; display: none; width: 108px; height: 83px; text-align: left; background-color: transparent;}
.thumb .thumb-img-wrap s { position: absolute; top: -10px; left: 50px; display: block; height: 0; width: 0; font-size: 0; line-height: 0; border-color: transparent transparent #dadada transparent; border-style: dashed dashed solid dashed; border-width: 5px;}
.thumb .thumb-img-wrap s i { position: absolute; top: -4px; left: -5px; display: block; height: 0; width: 0; font-size: 0; line-height: 0; border-color: transparent transparent white transparent; border-style: dashed dashed solid dashed; border-width: 5px;}
.thumb .thumb-img-wrap .thumb-img-cont { padding:3px; background-color: white; border: 1px solid #dadada; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);}
.thumb .thumb-img-wrap .thumb-img-cont img { border:none; vertical-align:top;}
.thumb .thumb-img-wrap-first s { left:19px;}

.end { border:1px solid #313131; background-color:#202020; padding:0 15px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -255px; z-index:9999; width:510px; height:300px; border-radius:3px; display:none;}
.end .tips { text-align:center;}
.end .tips .tips_info { display:block; color:#888; padding:25px 15px; font-size:14px;}
.end .tips .tips_menu a { display:inline-block; *display:inline; *zoom:1; padding:4px 12px; border:1px solid #3f3f3f; background-color:#2f2f2f; color:#aaa; margin:0 8px; border-radius:4px;}
.end .tips .tips_menu .replay { padding-left:34px; position:relative;}
.end .tips .tips_menu .replay .s { display:block; position:absolute; width:16px; height:16px; background-position:-380px -186px; overflow:hidden; left:11px; top:5px;}
.end .tips .tips_menu a:hover { text-decoration:none; color:#999; border:1px solid #555;}
.end .close { display:block; position:absolute; top:8px; right:8px; width:16px; height:16px; background-position:-397px -186px; font:0pt/1000px Arial; overflow:hidden;}
.end .new_tj { margin-top:20px;}
.end .new_tj .hd { color:#888; padding:0 0 10px 0;}
.end .new_tj .item { float:left; width:152px; _display:inline; margin:0 7px 0 10px;}
.end .new_tj .item a { border:1px solid #444; color:#aaa; text-align:center; display:block; padding:5px;}
.end .new_tj .item img { display:block; margin:0 auto;}
.end .new_tj .item .title { display:block; margin-top:6px; height:18px; overflow:hidden; color:#aaa;}
.end_bg { display:none; width:100%; height:100%; position:absolute; z-index:99; left:0; top:0; background-color:#000;opacity:.8;filter: alpha(opacity=80);}
.end .new_tj .item a:hover .title { color:#f60; text-decoration:underline;}

.mod_01 { margin-top:30px; padding-bottom:20px; border-bottom:1px solid #dadada;}
.mod_01 .hd { border-bottom:1px solid #dadada; background-position:0 -124px;}
.mod_01 .hd li { float:left; padding:6px 30px; font-size:16px; border:1px solid #dadada; border-bottom:0 none; border-left:0 none; background-color:#f5f5f5; background-position:0 -162px;}
.mod_01 .hd .selected { background:#fff; position:relative; margin-bottom:-1px; padding-bottom:7px;}
.mod_01 .bd { padding:20px 0 0 20px; height:110px; overflow:hidden;}
.mod_01 .bd li { float:left; width:170px;}
.mod_01 .bd a { display:block; padding:4px; border:1px solid #fff; position:relative; z-index:2; *zoom:1; width:140px;}
.mod_01 .bd a:hover { text-decoration:none; border:1px solid #; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.28); border:1px solid #d6d6d6;}
.mod_01 .bd .tit { display:block; padding:6px 10px; width:120px; height:34px; position:absolute; bottom:4px; left:4px; color: white; cursor:pointer; background-color: black; background-color: rgba(0, 0, 0, 0.4); background-image: url(../images/seticon.png); background-repeat: no-repeat; background-position: 120px 28px;}
.ie6 .mod_01 .bd .tit,.ie7 .mod_01 .bd .tit,.ie8 .mod_01 .bd .tit { background-color: black; filter: alpha(opacity=70); margin-bottom:-1px;}
.mod_01 .bd img { vertical-align:top;}
.mod_01 .bd i { display: block; height: 28px; width: 28px; background: url(../images/rank-num.png) no-repeat; position: absolute; left: 4px; top: 4px;}
.mod_01 .bd i.rank-num-1 { background-position: 0 0;}
.mod_01 .bd i.rank-num-2 { background-position: -28px 0;}
.mod_01 .bd i.rank-num-3 { background-position: -56px 0;}
.mod_01 .bd i.rank-num-4 { background-position: -84px 0;}
.mod_01 .bd i.rank-num-5 { background-position: -112px 0;}
.mod_01 .bd i.rank-num-6 { background-position: -140px 0;}
.mod_01 .bd i.rank-num-7 { background-position: -168px 0;}
.mod_01 .bd i.rank-num-8 { background-position: -196px 0;}
.mod_01 .bd i.rank-num-9 { background-position: -224px 0;}
.mod_01 .bd i.rank-num-10 { background-position: -252px 0;}

.col_main { float:left; width:100%;}
.col_sub,.col_extra { float:left;}
.grid_j01 { margin:20px auto; width:1200px;}
.grid_j01 .inner_bor { border:1px solid #dadada; background:url(../images/tuwen_repeat_y.gif) repeat-y right 0;}
.grid_j01 .main_wrap { margin:0 320px 0 0px;}
.grid_j01 .col_sub { width:320px; display:inline; margin-left:-320px; padding-bottom:10px;}

.comment { font-size:14px; padding:15px;}
.comment .inner .hd { border-bottom:2px solid #cfcece; background-color:#fff; background:none;}
.comment .inner .hd h6 {color:#333; font-size:16px; padding:0 6px 5px;}
.comment .inner .hd em { font-size:16px;}
.comment .inner li { float:none; margin-bottom:0; border-bottom:1px solid #eee; padding:10px 10px 13px 68px; position:relative; z-index:2; *zoom:1; overflow:hidden;}
.comment .inner .img { margin:3px 0 0 -58px; display:inline; float:left;}
.comment .inner .img img { vertical-align:top;}
.comment .item .right { position:absolute; top:13px; right:10px; font-size:12px;}

.comment .info { font-size:12px; font-weight:normal; color:#999;}
.comment .txt { margin-top:4px; color:#404040;}
.comment .write .cmt_txt { vertical-align:top; padding:7px 10px 10px; border:1px solid #ddd; width:826px; height:80px; color:#aaa;}
.comment .write .cmt_control { border:1px solid #ddd; border-top:0 none; padding:5px 5px 5px 10px; font-size:12px; line-height:30px;}
.comment .write .cmt_btn { width:88px; height:30px; background-color:#f60; color:#fff; cursor:pointer; font-size:16px; border:0 none; vertical-align:top;}
.comment .write .po_captcha { display:none; position:absolute; width:150px; border:1px solid #ddd; background-color:#f6f6f6; padding:5px 0 15px 15px; right:0; bottom:0;}
.comment .write .captcha_ipt { display:block; float:left; border:1px solid #ddd; color:#404040; padding:0px 4px; height:20px; line-height:20px; width:80px; vertical-align:top;}
.comment .write .captcha_img { cursor:pointer; vertical-align:top; margin-bottom:8px; border:1px solid #aaa;} 
.comment .write .cmt_btn2 { display:block; float:left; padding:0px 8px; background-color:#f60; color:#fff; cursor:pointer; line-height:22px; height:22px; font-size:12px; border:0 none; vertical-align:top;}
.comment .write .disabled { background-color:#aaa; cursor:default;}
.comment .write .po_captcha .close { display:block; position:absolute; top:5px; right:5px; width:17px; height:17px; background-position:-151px -774px; overflow:hidden; text-indent:-999em;}
.comment .write .po_captcha .close:hover { background-position:-171px -774px;}

.yuetu {}
.yuetu .hd { text-indent:12px; color:#333; margin:8px 0; font-size:16px;}
.yuetu .bd {}
.yuetu .bd li { position:relative; z-index:2; *zoom:1; border-bottom:1px solid #dadada; padding:10px 50px 10px 33px; line-height:18px; height:18px; overflow:hidden;}
.yuetu .bd li b { display:block; position:absolute; font-size:14px; color:#888; font-style:italic; top:10px; left:10px; font-weight:normal;}
.yuetu .bd li em { display:block; position:absolute; top:10px; right:15px; width:17px; height:15px; background:url(../images/stars2013.png) no-repeat 0 -162px;}
.yuetu .bd .yuetu-reco-1 b { color:#C35A4D;}
.yuetu .bd .yuetu-reco-2 b { color:#DE7F5A;}
.yuetu .bd .yuetu-reco-3 b { color:#F6A778;}
.yuetu .bd .yuetu-reco-1 em { background-position:0 0;}
.yuetu .bd .yuetu-reco-2 em { background-position:0 -54px;}
.yuetu .bd .yuetu-reco-3 em { background-position:0 -108px;}
.yuetu .bd li:hover { background-color:#f7f7f7;}

.advs { text-align:center;}
.advs img { vertical-align:top;}
.mar10 { margin-top:10px;}

.loadding { min-height:500px; background:url(../images/loading.gif) 50% 50%;}
.notfind { padding:150px 0; text-align:center;}
#getMore { display:inline-block; *display:inline; *zoom:1; padding:10px 90px; background-color:#d84830; margin:25px auto; font-size:16px; color:#fff;}

.upload { white-space:nowrap;  }
.upload a { display:block; background-color:#d84830; padding:3px 8px; line-height:16px; color:#fff; margin:11px 10px 0 0;}
#getMore:hover,.upload a:hover { text-decoration:none; background-color:#e3553d; color:#fff;}

.picsa_cmt li { position:relative; z-index:1; *zoom:1; font-size:12px; overflow:hidden;}
.picsa_cmt .user_face { position:absolute; left:10px; top:10px;}
.picsa_cmt .user_face img { vertical-align:top;}
.picsa_cmt .date { color:#999; padding-left:10px;}
.picsa_cmt .attitude { float:right; color:#999;}
.picsa_cmt .txt { font-size:14px;}