@charset "gb2312";
/*zyh 20160218*/
@charset "gb2312";
body{font:12px/24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";_font-family:"\5B8B\4F53";}
body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,textarea{margin:0;padding:0}
a{color:#000;text-decoration:none}
a:hover{color:#e74e53;text-decoration:underline}
ol,ul,li{list-style:none}
em,i{font-style:normal}
img{border:none}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit}
.cf{*zoom:1}
.cf:after{content:'\20';display:block;height:0;clear:both}
.hidden{display:none}
.fl{float:left}
.fr{float:right}
.fl,.fr{display:inline}
.w1000{margin:0 auto;width:1000px;display:table}
.w690,.w295{width:690px;margin-bottom:15px;display:table;/*overflow:hidden*/}
.w295{width:295px}
.w550{margin:10px auto 40px;width:550px;height:70px;display:block}
.w220{width:230px;height:89px;display:block}
.bg{background:#fff}
.bg1{margin:0 auto;width:686px;height:76px;background:url(/joke/images/wonderfultalk/b3.png) no-repeat}
.bg2{margin:0 auto;width:606px;height:96px;padding:0 40px;background:url(/joke/images/wonderfultalk/b4.png) no-repeat}
.bg2 p{float:left;width:110px;line-height:89px;font-size:20px;margin-left:10px;text-align:center}
.bg2 p em{color:#ff1919}
.bg3{margin:0 auto;width:686px;height:76px;background:url(/joke/images/wonderfultalk/b5.png) no-repeat;position:relative}
.share{width:165px;height:22px;position:absolute;right:0;top:45px}
.share span{float:left;font-size:12px;line-height:26px}
html{_text-overflow:ellipsis}
.f16{font-size:16px;line-height:32px}
/* */
body{background:#E8E8E8}
.mian{margin:0 auto;width:100%;background:url(/joke/images/wonderfultalk/main.png) no-repeat center top;display:table}
.top-div{margin:0 auto;width:100%;height:346px;background:url(/joke/images/wonderfultalk/topbg.png) no-repeat center}
.bj1{background:url(/joke/images/wonderfultalk/b1.png) no-repeat;height:173px}
.bj2{background:url(/joke/images/wonderfultalk/b2.png) no-repeat;height:173px}
.bj2 h1{margin:90px auto 0;font-size:32px;width:540px;height:50px;line-height:50px;text-align:center;padding-left:60px}
.pad10{padding:10px 0}
.hide,.nav li a{line-height:999;white-space:nowrap;overflow:hidden}
.b1{width:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:999;background:#865f41;height:36px}
.m1{background-repeat:no-repeat;width:1000px;margin:0 auto;overflow:hidden}
.m1left{width:780px}
.m1right{width:220px}

.nav li{width:90px;height:36px;float:left;display:inline;margin-left:20px}
.nav li a{background:url(/joke/images/wonderfultalk/list/nav.png) no-repeat;width:100%;height:36px;display:block}
.nav .a1{width:70px}
.nav .a7{width:104px;}
.nav .a1 a{background-position:0 0}
.nav .a2 a{background-position:-71px 0}
.nav .a3 a{background-position:-162px 0}
.nav .a4 a{background-position:-253px 0}
.nav .a5 a{background-position:-344px 0}
.nav .a6 a{background-position:-435px 0}
.nav .a7 a{background-position:-526px 0}
.nav .a1 a:hover,.nav .a1 .on{background-position:0 -37px}
.nav .a2 a:hover,.nav .a2 .on{background-position:-71px -37px}
.nav .a3 a:hover,.nav .a3 .on{background-position:-162px -37px}
.nav .a4 a:hover,.nav .a4 .on{background-position:-253px -37px}
.nav .a5 a:hover,.nav .a5 .on{background-position:-344px -37px}
.nav .a6 a:hover,.nav .a6 .on{background-position:-435px -37px}
.nav .a7 a:hover,.nav .a7 .on{background-position:-526px -37px}
.m1right a{color:#fff;margin:0 2px}
.m1right a:hover{color:yellow;text-decoration:none}
.log-no,.log-info{height:36px;line-height:36px;text-align:right}
.log-info a,.log-info span{height:36px;line-height:36px;color:#fff}
.log-info .name,.log-info .out{display:inline-block;vertical-align:top;_vertical-align:middle;font-size:14px}
.log-info .name{max-width:120px;width:100px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:yellow}
.log-info .out{color:#f60}
.log-info .out:hover{color:#f60;text-decoration:underline}
/*.nav li{width:104px;height:36px;float:left;display:inline;margin-left:25px}*/
/*.nav li a{background:url(/joke/images/wonderfultalk/nav.png) no-repeat;width:100%;height:36px;display:block}*/
/*.nav .a1{width:72px}*/
/*.nav .a6{margin-left:30px}*/
/*.nav .a1 a{background-position:0 0}*/
/*.nav .a2 a{background-position:-73px 0}*/
/*.nav .a3 a{background-position:-178px 0}*/
/*.nav .a4 a{background-position:-282px 0}*/
/*.nav .a5 a{background-position:-386px 0}*/
/*.nav .a6 a{background-position:-490px 0}*/
/*.nav .a1 a:hover,.nav .a1 .on{background-position:0 -37px}*/
/*.nav .a2 a:hover,.nav .a2 .on{background-position:-73px -37px}*/
/*.nav .a3 a:hover,.nav .a3 .on{background-position:-178px -37px}*/
/*.nav .a4 a:hover,.nav .a4 .on{background-position:-282px -37px}*/
/*.nav .a5 a:hover,.nav .a5 .on{background-position:-386px -37px}*/
/*.nav .a6 a:hover,.nav .a6 .on{background-position:-490px -37px}*/
/*.m1right a{color:#fff;margin:0 2px}*/
/*.m1right a:hover{color:yellow;text-decoration:none}*/
/*.log-no,.log-info{height:36px;line-height:36px;text-align:right}*/
/*.log-info a,.log-info span{height:36px;line-height:36px;color:#fff}*/
/*.log-info .name,.log-info .out{display:inline-block;vertical-align:top;_vertical-align:middle;font-size:14px}*/
/*.log-info .name{max-width:120px;width:100px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:yellow}*/
/*.log-info .out{color:#f60}*/
/*.log-info .out:hover{color:#f60;text-decoration:underline}*/
.tit1,.tit2,.tit3,.tit4,.tit5,.tit6,.tit7{margin:15px;height:65px;padding-left:75px;font-size:24px;line-height:63px;background:url(/joke/images/wonderfultalk/tbj.png-0221.html) no-repeat;display:block;overflow:hidden}
.tit1{background-position:0 0}
.tit2{background-position:0 -68px}
.tit3{background-position:0 -132px}
.tit3 a{font-size:18px;color:#666;text-decoration:underline}
.tit3 a:hover{font-size:18px;text-decoration:underline;color:#E74E53}
.tit4{background-position:0 -199px}
.tit5{background-position:0 -266px}
.tit6{margin:0;width:295px;height:77px;display:block;background-position:0 -340px;padding:0}
.tit7{background-position:0 -435px}
.fixed-div{ position:fixed;bottom:100px;}
.hd{ margin:0 auto;width:600px;overflow:hidden;padding-bottom:30px;height:auto}
.hd img{margin:20px auto}
.list-img{margin:0 auto 10px;width:253px;display:table}
.list-img li{position:relative;margin:14px auto 0;width:253px;height:109px}
.list-img li img{width:253px;height:109px}
.list-img li .title{width:233px;height:30px;padding:0 10px;line-height:30px;display:block;position:absolute;left:0;bottom:0;cursor:pointer;color:#fff;text-align:left;background:#000;opacity:0.7;filter:Alpha(opacity=70);_bottom:3px;}
.btn,.btn1,.btn2,.btn2:hover,.btn3,.btn3:hover,.btn-s,.btn-x,.btn-s:hover,.btn-x:hover,.sc-bt,.sc-bt:hover,.close{width:267px;height:68px;display:block;text-align:center;color:#000;text-decoration:none;background:url(/joke/images/wonderfultalk/btn.png) no-repeat;font-size:26px;line-height:68px}
.btn2{background-position:0 -72px}
.btn3,.btn3:hover,.btn{float:right;width:90px;height:40px;display:inline-block;font-size:16px;line-height:33px;text-align:center;margin:10px 15px 10px 0}
.btn3{background-position:-3px -146px}
.btn3:hover,.btn{background-position:-114px -146px}
.btn{float:none}
.btn1:hover,.btn2:hover{color:#000;text-decoration:none}
.close{width:33px;height:28px;display:block;background-position:-220px -147px}
.btn-s,.btn-x,.btn-s:hover,.btn-x:hover{margin:0 auto;width:73px;height:38px;display:block}
.btn-s{background-position:-3px -193px}
.btn-x{background-position:-4px -244px}
.btn-s:hover{background-position:-94px -193px}
.btn-x:hover{background-position:-95px -244px}
.sc-bt,.sc-bt:hover{width:122px;height:56px;background-position:-4px -287px;font-size:18px;line-height:56px;display:inline;margin-top:20px;overflow:hidden}
.sc-bt:hover{background-position:-145px -287px}
.btn-x,.btn-x:hover{margin-bottom:20px;margin-top:10px}
.list-ul{margin:0 auto;width:265px;height:auto}
.list-ul li{width:235px;height:42px;background:url(/joke/images/wonderfultalk/d.jpg) no-repeat left;overflow:hidden;padding:0 15px;line-height:42px;border-bottom:#000 1px dashed}
.topic {color:#090900;font-size:14px;width:252px;height:56px;padding:0 17px;line-height:30px}
.topic a,.topic a:hover{color:#e74e53}
.viewport{width:260px;height:200px;overflow:hidden;margin:10px auto}
.list {width:260px;font-size:12px}
.list .item {padding:18px 0;border-bottom:1px dashed #000}
.list .item .photo {float:left;display:block;width:48px;height:48px;border:#000 1px solid}
.list .item .photo img {width:100%;height:100%;vertical-align:bottom}
.list .item .main {margin-left:60px}
.list .item .main .top {height:20px;line-height:20px}
.list .item .main .top .name {color:#000;float:left}
.list .item .main .top .time {color:#999;float:right}
.list .item .main .content {color:#666;line-height:20px;word-break:break-all}
.list .item .main .content .face-img {max-width:50px;max-height:50px;_width:30px;_height:30px}
.comment-wrap {padding:8px 18px;position:relative}
.comment-wrap .top-wrap {display:none}
.comment-wrap .top-wrap .name {color:#666}
.comment-wrap .top-wrap .loginout {color:#fa3239;margin-left:8px}
.comment-wrap .main-wrap {margin-top:5px;height:87px}
.comment-wrap .main-wrap .comment-textarea {display:block;width:98.4%;padding:5px;resize:none;border:1px solid #d1d1d2;height:75px;border-radius:3px;box-shadow:1px 1px 5px #ddd inset}
.comment-wrap .bottom-wrap {margin:10px 0}
.comment-wrap .bottom-wrap .face-wrap {float:right;margin-right:10px}
.comment-wrap .bottom-wrap .face-wrap .face-btn {display:block;width:30px;height:30px;background-image:url(/joke/images/wonderfultalk/bqimg.png);margin-top:10px}
.tp-bt{width:96px;height:89px;display:block}

.fixnav{position:fixed;left:50%;width:75px;height:308px;bottom:130px;margin-left:530px;display:inline;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-130))}
.fixbg{background:url(/joke/images/wonderfultalk/right.png) no-repeat;width:75px;height:308px;position:relative}
.hide{line-height:999;display:inline-block;overflow:hidden;white-space:nowrap}
.fixnav ul{width:75px;position:absolute;height:290px;padding:10px 0}
.fixnav ul li{float:left;width:75px;height:58px;overflow:hidden}
.fixnav ul li a{display:block;width:75px;height:58px;line-height:99}
.li1 a,.li2 a,.li3 a,.li4 a,.li5 a{display:block;width:75px;height:58px;line-height:99;background:url(/joke/images/wonderfultalk/right.png) no-repeat}
.li1 a:hover{background-position:-85px -10px}
.li2 a:hover{background-position:-85px -68px}
.li3 a:hover{background-position:-85px -126px}
.li4 a:hover{background-position:-85px -183px}
.li5 a:hover{background-position:-85px -241px}
.li1 a{background-position:0 -10px}
.li2 a{background-position:0  -68px}
.li3 a{background-position:0  -126px}
.li4 a{background-position:0  -183px}
.li5 a{background-position:0  -241px}
/*footer*/
.footer{width:980px;margin:20px auto 0;padding:15px 0;text-align:center;line-height:22px}
.footer a{margin:0 8px}
.footer,.footer a{color:#000}
.footer a:hover{color:#f60}
.pop2{background:#fff;width:460px;height:180px}
.pop1{background:#fff;width:540px;height:260px;position:relative}
.pop{background:#fff;width:360px;height:200px}
.pop p{font-size:18px;line-height:36px;text-align:center}
.tit{height:30px;padding:15px 15px 0 0}
.bdshare{margin:0 auto;width:435px;display:table}
.bdshare li{float:left;text-align:center;margin:10px}
.tsina,.weixin,.qq,.tqqwb,.qzone{width:65px;height:63px;display:block;background:url(/joke/images/wonderfultalk/fx.png) no-repeat}
.weixin{background-position:-87px 0}
.qq{background-position:-170px 0}
.tqqwb{background-position:-254px 0}
.qzone{background-position:-328px 0}
.hd-share{width:138px;height:25px;background:url(/joke/images/wonderfultalk/xbj.png) no-repeat;position:absolute;padding:10px;right:75px;top:75px}
.hd-share a{float:left;margin-right:8px;display:inline}
.hd-share .bds_qzone,.hd-share .bds_tsina,.hd-share .bds_tqq,.hd-share .bds_sqq{background:url(/joke/images/wonderfultalk/fx.jpg) no-repeat;width:24px;height:24px;display:block}
.hd-share .bds_qzone,.hd-share .bds_qzone:hover{background:url(/joke/images/wonderfultalk/fx.jpg) no-repeat;width:24px;height:24px;display:block;background-position:-62px 0}
.hd-share .bds_tsina,.hd-share .bds_tsina:hover{background:url(/joke/images/wonderfultalk/fx.jpg) no-repeat;width:24px;height:24px;display:block;background-position:0 0}
.hd-share .bds_tqq,.hd-share .bds_tqq:hover{background:url(/joke/images/wonderfultalk/fx.jpg) no-repeat;width:24px;height:24px;display:block;background-position:-31px 0}
.hd-share .bds_sqq,.hd-share .bds_sqq:hover{background:url(/joke/images/wonderfultalk/fx.jpg) no-repeat;width:24px;height:24px;display:block;background-position:-93px 0}

.hd-share .bds_weixin,.hd-share .bds_weixin:hover{background:url(/joke/images/wonderfultalk/fx.jpg) no-repeat;width:24px;height:24px;display:block;background-position:-124px 0}


.titwp{height:36px;overflow:hidden}
.titarea{background:url(/joke/images/wonderfultalk/titbg.png) no-repeat;float:left;height:36px;line-height:36px;padding-left:24px;font:bold 18px/36px \5FAE\8F6F\96C5\9ED1;color:#777777}
.tit9{background-position:3px -316px}
.titarea a{color:#777777}
.titarea em,.titarea a em{color:#D79300}
.titwp .lk{float:right;height:36px;line-height:36px;color:#999;font-size:12px}
.titwp .lk:hover{color:#D79300;text-decoration:none}
.titwp i{font-family:"\5B8B\4F53"}
.titwp .more{background:url(/joke/images/wonderfultalk/more.png) no-repeat;float:right;width:50px;height:20px;text-align:center;line-height:20px;color:#D79300;margin-top:8px}
.titwp .more:hover{background-position:0 -22px;color:#fff;text-decoration:none}
.piv-vote i,.stats .vote,.slide .hd a,.kt-tl,.tc-tool a,.good-num,.com-sub-btn,.com-face .arrow,.com-face .arrow1,.jok-page a,.hotbbs li{background: url(/joke/images/wonderfultalk/item.png) no-repeat}
.area-com{padding:10px 40px;background:#fff}
.w670 .area-com{width:629px;overflow:hidden;padding:10px 20px}
.com-tips{padding:40px 0;text-align:center;line-height:24px;font-size:14px;color:#999}
.com-note{height:18px;line-height:18px;text-align:right;color:#666}
.com-list{overflow:hidden;zoom:1}
.com-list dl{float:left;width:100%;padding:10px 0;border-bottom:1px solid #d7d7d7}
.com-pho{float:left;margin-right:10px;display:inline}
.com-pho img{float:left;width:42px;height:42px;overflow:hidden;border-radius:50%}
.com-info{display:block;overflow:hidden;zoom:1}
.com-name{height:24px;line-height:24px;font-size:14px;overflow:hidden;color:#999}
.com-name a{color:#E89300}
.com-txt{font-size:14px;line-height:18px;color:#555}
.com-action{height:24px;overflow:hidden;line-height:24px;margin-top:5px}
.com-action a{color:#666}
.com-action a:hover{color:#EA513F;text-decoration:none}
.com-action .time{color:#999}
.reply-btn{float:left;margin-right:10px;display:inline}
.good-num{background-position:-196px 0;float:left;padding-left:24px}
.good-num:hover{background-position:-196px -45px}
.reply-list{overflow:hidden;zoom:1;margin-top:10px}
.reply-list dl{border-top:1px dashed #d7d7d7;border-bottom:0 none}

.com-box,.sub-com-box{padding:10px;border:1px solid #e5e5e5;background:#f6f6f6;border-radius:3px;position:relative;margin-top:10px}
.com-box .textarea{border:1px solid #e5e5e5;background:#fff;padding:6px;_padding:6px 2px;border-radius:2px;overflow:hidden;zoom:1}
.com-box textarea{display:block;width:100%;_zoomn:1;height:46px;overflow:hidden;line-height:16px;font-size:14px;color:#a9a9a9;background:#fff;border:0 none;padding:0;margin:0;resize:none;outline:none}
.com-box textarea:focus{border-color:#EA513F}
.shape{display:none;position:absolute;right:14%;top:-15px}
.shape i{font-size:0;line-height:0;overflow:hidden;border-width:7px;border-style:dashed dashed solid dashed;position:absolute}
.shape .pt1{left:0;top:0;border-color: transparent transparent #e5e5e5 transparent}
.shape .pt2{left:0;top:1px;border-color: transparent transparent #f6f6f6  transparent}
.sub-com-box textarea{width:550px}
.reply-foot{height:30px;line-height:30px;margin-top:10px;overflow:hidden;padding:0 10px}
.user-info{font-size:14px}
.user-info a{padding:0 5px;margin:0 2px}
.user-info .name{color:#ff8e0f}
.user-info .logout{color:#ea513f}
.com-sub-btn{background-position:0 -175px;float:right;width:80px;height:30px;overflow:hidden;line-height:99}
.com-sub-btn:hover{background-position:-82px -175px}
.com-bq-btn{float:right;width:30px;height:30px;overflow:hidden;margin-right:15px;display:inline}
.com-face{position:absolute;padding:5px 5px 4px 5px;background:#fff;border:1px solid #DCDCDC;top:114px;right:67px}
.com-face ul{width:310px}
.com-face li{float:left;width:30px;height:30px;background:#fff;border:1px solid #DCDCDC;margin:-1px 0 0 -1px;position:relative}
.com-face .arrow{background-position:-56px 0;width:8px;height:7px;position:absolute;right:58px;top:-7px}
.com-sel{height:40px;border-top:1px solid #d7d7d7}
.com-sel a{float:left;height:38px;border-bottom:3px solid #BBBBBB;font-size:14px;line-height:40px;padding:0 10px;margin-right:5px;display:inline;position:relative}
.com-sel .on{font-weight:700;border-color:#E89300}
.com-sel a:hover{text-decoration:none}
.text-no{background:url(/joke/images/wonderfultalk/text-no.png) no-repeat;width:246px;height:47px;overflow:hidden;line-height:99;position:absolute;left:50%;margin-left:-123px;top:-25px}
.com-more{display:block;width:100%;height:32px;font-size:14px;overflow:hidden;text-align:center;line-height:32px;background:#F9F9F9;color:#f60;margin-top:10px}
.com-more:hover{background:#E7E7E7;text-decoration:none}
.comments-num{float:left;font-size:14px;padding:0 4px;color:#999;line-height:36px}
.pages{padding:10px 0 15px;font-size:0;line-height:0;text-align:center}
.pages a{display:inline-block;vertical-align:top;height:30px;line-height:30px;font-size:14px;background:#fff;color:#666;padding:0 10px;margin:0 2px;border-radius:2px}
.pages a:hover,.pages .on{background:#CBBBAE;color:#666;text-decoration:none}

.com-face{position:absolute;padding:5px 5px 4px 5px;background:#fff;border:1px solid #DCDCDC;top:115px;right:67px}
.com-face ul{width:310px}
.com-face li{float:left;width:30px;height:30px;background:#fff;border:1px solid #DCDCDC;margin:-1px 0 0 -1px;position:relative}
.com-face .arrow{background-position:-56px 0;width:8px;height:7px;position:absolute;right:58px;top:-7px}
.com-face .arrow1{background-position:-68px 0;width:11px;height:10px;position:absolute;right:42px;bottom:-10px}
.dw{top:30px;right:100px}
.dw1{top:180px;right:85px}


.pop-wp{width:340px;overflow:hidden}
.pop-t,.pop-b{background:url(/joke/images/index/pop-bg.png) no-repeat}
.pop-t{height:30px;overflow:hidden}
.pop-b{background-position:0 -32px;height:10px;overflow:hidden}
.pop-c{background:#eee;padding:10px 20px 5px}
.pf16{font-size:16px;line-height:24px;color:#666}
.tac{text-align:center}
.pbtn{padding:5px 0;margin-top:10px;text-align:center}
.pbtn a,.pbtn span{background:url(/joke/images/index/pbtn.png) no-repeat;display:inline-block;height:30px}
.pbtn a{background-position:0 0;padding-left:18px}
.pbtn span{background-position:100% 0;line-height:28px;font-size:16px;color:#fff;padding-right:18px;cursor:pointer}
.pbtn a:hover{color:#fff;text-decoration:none}
#div_dialog{background:rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000')}
html {
    _filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.com-txt{word-break : break-all}

.ewm{position:fixed;left:50%;top:180px;margin-left:-700px;width:145px;height:452px;bottom:400px;background:url(/joke/images/wonderfultalk/min.png) no-repeat;display:inline;_background:none;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-200));background-repeat:no-repeat;}

/* about */
.aboutwp{background:#fff;padding:45px 0;margin-top:10px}
.about{background:url(/joke/images/global/v2/aboutimg.png) no-repeat left center;padding-left:145px;width:408px;height:180px;margin:0 auto;overflow:hidden}
.about dt{height:40px;line-height:40px;font-size:18px;overflow:hidden;color:#d79300;margin:15px 0 10px 0}
.about  dd{line-height:28px;font-size:14px;color:#666;}
.footer .otlink{color:#D06F25}

/*  */
.wp{width:980px;margin:0 auto}
.topbar-wp{background:#333;height:30px;font-family:arial,\5B8B\4F53;position:relative;z-index:20}
.topbar-wp .wp{width:980px;overflow:visible;}
.topbar a{color:#aaa}
.topbar a:hover{color:#FFDA44}
.setfav{float:left;height:30px;line-height:30px;padding:0 10px;margin-left:15px;display:inline;margin-top:0}
.logarea{float:right;width:260px;height:30px}
.logno{float:right;line-height:30px;color:#aaa}
.logno a{padding:0 5px;margin:0 6px}

.loged{width:260px;height:30px}
.loginfo{float:right;width:118px;height:30px;padding:0 10px;position:relative;}
.ulink{display:block;width:118px;height:30px;overflow:hidden;cursor:pointer;}
.ulink img{float:left;width:22px;height:22px;border:1px solid #B8B8B8;margin-top:3px}
.ulink em{float:left;width:70px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999;margin:3px 0 0 8px;display:inline}
.arrow{float:right;width:0;height:0;overflow:hidden;border-left:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid #999;_border-color:#999 tomato tomato tomato;_filter:chroma(color=tomato);margin-top:12px}
.logmenu{display:none;width:138px;position:absolute;left:0;top:30px}
.logmenu li{float:left;width:138px;height:24px;line-height:24px;background:#f3f3f3}
.logmenu li a{display:block;width:138px;height:24px;text-align:center;line-height:24px;color:#333;}
.logmenu li a:hover{background:#fff;color:#FF7967}
.loginfo-cur{background:#f3f3f3;opacity:.9}
.loginfo-cur .logmenu{display:block}
.logedlink{float:right;height:30px;line-height:30px;padding:0 10px;margin:0 4px;display:inline;position:relative}
.msgtips{width:5px;height:5px;overflow:hidden;border-radius:50%;background:#ff7967;position:absolute;right:6px;top:6px}


/* nav */
.navarea{background:#fff;height:50px;border-bottom:1px solid #eee;position:relative;z-index:10}
.navwp{width:980px;height:50px}
.navlist{float:left}
.navlist li{float:left;height:28px;padding:11px 24px}
.navlist li a{float:left;height:28px;padding-left:10px}
.navlist li em{display:inline-block;height:28px;overflow:hidden;line-height:28px;_line-height:29px;font-size:16px;color:#333;padding-right:10px;cursor:pointer}
.navlist li a:hover,.navlist li a:hover em,.navlist .on a,.navlist .on em{background:url(/joke/images/global/v2/x_nav.png) no-repeat;color:#fff}
.navlist li a:hover,.navlist .on a{background-position:0 0}
.navlist li a:hover em,.navlist .on em{background-position:100% 0}
.navlist-itwp{display:none;background:rgba(238, 238, 238, 0.8);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e5eeeeee', EndColorStr='#e5eeeeee');width:100%;height:30px;;overflow:hidden;position:absolute;left:0;top:50px}
.navlist-it{display:none;position:absolute;left:50%;top:0}
.navlist-it li{background:url(/joke/images/global/v2/x_navit.png) no-repeat 0 12px;float:left;height:30px;line-height:30px;padding-left:10px;margin:0 10px;display:inline;}
.navlist-it li a{color:#666;font-family:arial,\5B8B\4F53}
.navlist-it li a:hover{color:#FE7966}
#nav_joke{margin-left:-434px}
#nav_pic{margin-left:-346px}
#nav_vid{margin-left:-225px}
#nav_spec{margin-left:-128px}

/* inner */
.top-nav-wrap{height:50px;}
.in-logo{background:url(/joke/images/global/v2/x_inlogo.jpg) no-repeat;float:left;width:105px;height:40px;overflow:hidden;line-height:99;margin:6px 10px 0;display:none}
.navfix{box-shadow: 0 2px 6px rgba(0,0,0,.1);width:100%;position:fixed;left:0;top:0;z-index:999;_position:absolute;_top: expression(documentElement.scrollTop);}
.navfix .in-logo,.in-nav .in-logo{display:block}
.navfix #nav_joke{margin-left:-325px}
.navfix #nav_pic{margin-left:-265px}
.navfix #nav_vid{margin-left:-130px}
.navfix #nav_spec{margin-left:-45px}

/*footer*/
.footer{width:100%;background:#eee;padding:35px 0;text-align:center;line-height:24px;color:#999;margin-top:20px}
.footer a{margin:0 8px;color:#999}
.footer a:hover{color:#ff7967}

.hdlink{float:left;height:30px;line-height:30px;color:#505050}
.hdlink a{padding:0 10px;}
.setfav{float:left;height:30px;line-height:30px;margin-left:15px;display:inline}


/* ud0221 */
.vidodhd .img{display:block;width:98px;height:100px;overflow:hidden;line-height:2.5;text-align:center;font-size:14px;color:#333;margin:0 auto}
.vidodhd .img:hover{color:#ff7967}
.vidodhd .img img{display:block;width:70px;height:70px;margin:0 auto;border-radius:100%}
.vidodhd .txt{overflow:hidden;line-height:24px;font-size:14px;color:#777777;margin:10px 15px 0;padding-bottom:20px}

.recomlist{width:612px;margin:0 auto;overflow:hidden;padding-bottom:20px}
.recomlist ul{width:694px}
.recomlist li{float:left;width:276px;height:47px;line-height:48px;font-size:14px;border-bottom:1px dashed #000;overflow:hidden;margin-right:60px;display:inline}
.recomlist  a{}
.recomlist .it{float:left;width:58px;height:20px;font-size:12px;text-align:center;line-height:20px;border:1px solid #999;color:#999;overflow:hidden;border-radius:10px;margin:15px 10px 0 0;display:inline}
.recomlist .it:hover{background:#F7E342;border-color:#F7E342;color:#333;text-decoration:none}

.commsg-top{display:inline-block; _zoom:1;*display:inline;background:url(/joke/images/global/v2/commsg-top.png) no-repeat;width:70px;height:18px;overflow:hidden;line-height:99;text-align:center;vertical-align:middle;margin:-2px 8px 0;_margin-top:0}