.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));
}

.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}


/* head */
.headwp{background:url(/joke/ximages/headwp.jpg) no-repeat center top;height:150px}
.headwp .wp{width:980px}
.head{background:url(/joke/ximages/head0221.gif) no-repeat;height:150px;overflow:hidden}
.hdlogo{float:left;width:260px;height:95px;overflow:hidden;line-height:99;margin:30px 0 0 26px;display:inline}

/* 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 */
.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}

.fixed{top:48px;_top: expression(documentElement.scrollTop+46);}

.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}
/*  */
.author .name:hover{color:#f60}