/*kingone */
@charset "gb2312"; 
.notewp{width:980px;margin:-48px auto 0;}
.w666{width:666px;overflow:hidden}
.w292{width:292px;overflow:hidden}
.mt18{margin-top:18px !important}
.notearea{background:#fff;border:1px solid #EEEEEE;border-bottom-width:7px}
.fixedrightbox{overflow:hidden}
.bn292{width:292px;line-height:0;font-size:0}
.bn292 img{display:block;width:292px;height:auto}
.notearea .tithd{padding-top:5px}
.kwlist{width:260px;margin:5px auto 0}
.kwlist li{float:left;width:260px;height:80px;margin-bottom:16px}
.kwlist .img{float:left;width:126px;height:80px;overflow:hidden;border-radius:8px}
.kwlist .img img{width:126px;height:80px}
.kwlist .con{float:right;width:120px;height:80px;overflow:hidden}
.kwlist .con .lk1{display:block;height:44px;line-height:22px;overflow:hidden;font-size:14px;margin-top:4px}
.kwlist .con .lk2{display:block;height:20px;line-height:20px;color:#55B6E1;margin-top:8px}
.kwlist .con .lk2:hover{color:#f60}

.noteuimghd{display:block;width:290px;height:128px;overflow:hidden;position:relative}
.noteuimg{display:block;width:106px;height:106px;overflow:hidden;text-align:center;line-height:2.5;font-size:14px;margin:-52px auto 0;position:relative}
.noteuimg img{display:block;width:72px;height:72px;margin:0 auto;border:2px solid #fff;border-radius:38px}
.noteutxt{line-height:24px;font-size:14px;color:#777777;margin:10px 15px 10px}
.noteubtn{padding:2px 0 22px;}
.noteubtn a,.toollink,.noteshare .arrow{background:url(/joke../ximages/noteit.png) no-repeat;}
.noteubtn a{display:block;width:120px;height:30px;overflow:hidden;line-height:99;margin:0 auto}
.noteubtn a:hover{background-position:0 -32px}

.xdlist{margin:0 15px 5px}
.xdlist li{float:left;width:100%;height:30px;overflow:hidden;line-height:30px}
.xdlist li span{float:left;height:30px;overflow:hidden;display:inline;color:#999}
.xdlist li .sp1{width:404px;font-size:14px;}
.xdlist li .sp2{width:116px;margin-left:10px}
.xdlist li .sp3{width:94px;margin-left:10px}


.notearea .crumbs{background:none;height:36px;line-height:36px;border-bottom:1px solid #EEEEEE;padding-top:10px;margin:0 12px}
.noteconhd{padding:15px 0;margin:0 24px}
.noteconhd h1{font-size:22px;font-weight:700;color:#333;line-height:28px}
.noteconhd .info{height:22px;line-height:22px;color:#666;font-size:12px;margin-top:10px;}
.notecontent{margin:0 24px;}
.notecontent p{line-height:30px;font-size:16px;color:#333;padding:5px 0}
.notecontent p img{display:block;width:expression_r(width>550?”550px”:width+”px”);max-width:550px;height:auto;}


.notetool{border-top:1px solid #eee;margin:20px 12px 0;height:100px}
.notetool li{float:left;width:25%;height:100px;position:relative}
.toollink{display:block;width:84px;height:40px;line-height:18px;overflow:hidden;padding-left:46px;margin:30px auto;color:#999}
.toollink em{display:block;height:24px;line-height:24px;overflow:hidden;font-size:16px;color:#666}
.toollink:hover{color:#999}
.notetool .fx{background-position:0 -65px}
.notetool .sc{background-position:0 -105px}
.notetool .dz{background-position:0 -145px}
.notetool .pl{background-position:0 -185px}
.notetool .fx:hover,.notetool .on .fx{background-position:-164px -65px}
.notetool .sc:hover,.notetool .on .sc{background-position:-164px -105px}
.notetool .dz:hover,.notetool .on .dz{background-position:-164px -145px}
.notetool .pl:hover,.notetool .on .pl{background-position:-164px -185px}

.noteshare{background:#fff;width:600px;height:200px;padding:18px;border:1px solid #eee;position:absolute;left:-13px;top:100px;z-index:10}
.noteshare .arrow{background-position:-158px 0;width:26px;height:14px;overflow:hidden;position:absolute;left:68px;top:-26px;border:none}
.nsfl{float:left;width:348px;height:200px;overflow:hidden;padding-right:26px;border-right:1px solid #eee}
.nsfr{float:left;width:224px;height:200px;overflow:hidden;text-align:center}
.nsfr .hd{height:32px;line-height:32px;font-size:16px;color:#666;margin-top:10px}
.nsfr .bd{display:block;width:138px;height:138px;margin:12px auto 0;}
.nsfr .bd img{display:block;width:138px;height:138px}

.cplinkhd{height:38px;line-height:38px;overflow:hidden;font-size:16px;margin-top:22px;}
.cplinkbd{height:26px;line-height:26px;margin-top:20px}
.cplinkbd span{float:left;width:80px;height:26px;line-height:26px;font-size:14px;color:#666666}
.cplink{float:left;width:260px;height:26px;overflow:hidden}
.cplink input{background:none;border:none}
.cplink .txt{float:left;background:#fff;border:1px solid #eee;height:16px;font-size:12px;line-height:16px;padding:4px 5px;width:191px;border-right:none;outline:none;color:#666}
.cplink .btn{float:left;width:58px;height:26px;background:#FFDA44;text-align:center;line-height:26px;font-size:14px}
.cplink .btn:hover{background:#FF736C;color:#fff}

.ntshare{height:44px;padding:10px 0;margin-top:10px}
.ntshare a{background:url(/joke../ximages/noteit.png) no-repeat !important;;float:left;width:44px !important;height:44px !important;overflow:hidden;line-height:99;margin:0 30px 0 0 !important;display:inline;padding:0 !important}
.ntshare .bds_sqq{background-position:0 -240px !important;}
.ntshare .bds_qzone{background-position:-45px -240px !important;}
.ntshare .bds_tsina{background-position:-90px -240px !important;}
.ntshare .bds_tqq{background-position:-135px -240px !important;}


/* notelist */

.pdb20{padding-bottom:20px}
.notefav{background:url(/joke../ximages/setfav.jpg) no-repeat;display:block;width:292px;height:80px;overflow:hidden;line-height:99}
.notefav:hover{filter:alpha(opacity=85);opacity:0.85;}
.notepro{padding-bottom:15px}
.notepro .noteuimg{margin-top:20px}
.notepro .noteutxt{margin-bottom:0}
.noteuline{height:0;border-top:1px solid #eee;margin:20px 15px 0}
.notepro .hd{background:url(/joke../ximages/notepro.jpg) no-repeat;height:60px;overflow:hidden;text-align:center;line-height:60px;font-size:16px;color:#333}

.notehot{width:248px;height:144px;margin:20px auto 0;overflow:hidden;position:relative;}
.notehot li{float:left;width:248px;height:144px;overflow:hidden;display:inline;background:#eee;border-radius:6px;position:relative}
.notehot a{display:block;width:100%;height:100%;overflow:hidden;line-height:0;font-size:0}
.notehot a:hover img{filter:alpha(opacity=85);opacity:0.85;}
.notehot img{display:block;width:100%;height:100%;border-radius:6px}
.notehot  .it{background:url(/joke../ximages/vitem32.png) no-repeat;_background:url(/joke../ximages/vitem.png) no-repeat;width:80px;height:24px;padding-right:8px;line-height:24px;text-align:center;font-size:12px;color:#fff;position:absolute;left:0;top:0}
.notehot  .it1{background-position:0 0}
.notehot  .it2{background-position:0 -36px}
.notehot  .it3{background-position:0 -72px}
.notehot  .it4{background-position:0 -108px}
.notehot .mk{position:absolute;bottom:0;left:0;color:#fff;background:#000;background:url(/joke../ximages/gradient.png) 0 0 repeat-x;background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));background:-o-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));background:-moz-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));background:linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));
_background:none;_filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000'));cursor:pointer}
.notehot .mk{padding:10px 0 8px;_padding-top:5px;_padding-bottom:3px;height:18px;line-height:18px;font-size:12px;overflow:hidden;overflow:hidden;position:absolute;width:100%;transition: all 0.3s ease;}
.notehot .mk em{display:block;width:222px;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto}


.notearea .vidselit {margin:15px 20px 0}

.notelist{width:638px;margin:0 auto;}
.notelist li{float:left;width:638px;height:158px;padding:25px 0;border-bottom:1px solid #EEEEEE;overflow:hidden;}
.notelist .img{float:left;width:248px;height:158px;border-radius:8px;overflow:hidden;margin-left:14px;display:inline}
.notelist .img img{display:block;width:248px;height:157px}
.notelist .img:hover img{filter:alpha(opacity=85);opacity:0.85}
.notelist .con{float:right;width:356px;height:158px;overflow:hidden}
.notelist .tit{display:block;height:24px;overflow:hidden;font-size:18px;}
.notelist .info{height:30px;overflow:hidden;line-height:30px;color:#999;margin-top:10px}
.notelist .user{float:left;width:144px;height:30px;overflow:hidden;margin-right:10px;display:inline;font-size:14px;}
.notelist .user img{float:left;width:30px;height:30px;border-radius:15px;margin-right:10px;display:inline}
.notelist .user a{color:#999}
.notelist .user a:hover{color:#ff7967}
.notelist .intro{height:48px;overflow:hidden;line-height:24px;font-size:14px;color:#868686;margin-top:10px}
.notelist .intro a{color:#868686}
.notelist .intro a:hover{color:#ff7967}

.notelist .tags {background: url(/joke../ximages/item.png) no-repeat -96px -79px;height:22px;overflow:hidden;padding-left:20px;line-height:22px;margin-top:8px}
.notelist .tags a{color:#A1A1A1;margin-right:10px}
.notelist .tags a:hover{color:#54B7E0}


.noteotlink{padding:15px 0;margin: 0 24px;margin-top:30px}
.noteotlink p{background: url(/joke../ximages/noteit.png) no-repeat;height:20px;line-height:20px;margin-top:10px;overflow:hidden;font-size:16px;padding-left:20px;color:#888}
.noteotlink p a{font-weight:700}
.noteotlink .lk1{background-position:0 -306px}
.noteotlink .lk2{background-position:0 -354px}