@charset "utf-8";
/* CSS Document */
h1 { height:auto; line-height:26px; font-size:20px; color:#333333}

.intro { padding-top:30px; padding-bottom:10px; font-size:15px; line-height:28px}
.intro h3 { color:#F06896; font-size:16px; padding-bottom:2px}
.intro p { width:960px; padding-left:17px; background:url(../img/point_red.gif) left center no-repeat}

.searchbox { padding-top:10px}
.searchbox .searchimg { width:490px; height:374px; clear:none}
.searchbox .searchf { width:380px; height:314px; clear:none; float:right; padding:30px 55px; background-color:#F4F4F4}
.searchbox .searchf .formitem { padding:5px 0}
.searchbox .searchf .formitem span { padding-right:5px}
.searchbox .searchf .formitem span.tt { padding-right:10px}
.searchbox .searchf .formmemo { text-align:center; padding-top:10px}

.tjbox h2.general span.right { font-size:12px; float:right; padding:0 7px 0 5px; background:url(../img/vline10_gray.gif) right center no-repeat}
.tjbox h2.general span.right a { color:#bbbbbb}
.tjbox h2.general span.right.last { padding-right:0; background:none}

.friends { padding-top:10px; padding-bottom:20px}
.friends .imgblock { width:155px; height:187px; overflow:hidden; margin-top:10px; margin-right:10px; _margin-top:5px; _margin-right:5px}
.friends .imgblock.last { margin-right:0}
.friends .imgblock .img { width:155px; height:155px; overflow:hidden}
.friends .imgblock .img img { width:100%; min-height:155px}
.friends .imgblock .info { height:32px; line-height:32px}
.friends .imgblock .info p { width:145px; font-size:12px; color:#F06896}
.friends .imgblock .info p a { color:#F06896}
.friends .imgblock .info p.boy { color:#74BCE0}
.friends .imgblock .info p.boy a { color:#74BCE0}
.friends .imgblock .info p span { text-align:left}
.friends .imgblock .info p em { font-size:10px; font-style:normal; padding-left:10px}

.fmain { width:700px; clear:none}
.fside { width:240px; clear:none; float:right; position:relative; padding-top:30px}

.searchitem { clear:none; width:auto; padding-right:5px}
.searchitem span { padding-right:5px}

.fmain .flist {}
.fmain .flist li { width:320px; height:150px; float:left; padding-right:30px; padding-top:15px; padding-bottom:15px}
.fmain .flist li .img { width:130px; height:150px; float:left; clear:none}
.fmain .flist li .img img { width:130px; height:150px}
.fmain .flist li .minfo { width:170px; height:150px; float:right; clear:none; overflow:hidden}
.fmain .flist li .minfo h3 { height:20px; line-height:20px; font-size:14px; overflow:hidden; padding-bottom:5px}
.fmain .flist li .minfo h3 span.mname { font-weight:bold}
.fmain .flist li .minfo h3 span.mmore { font-size:10px; padding-left:10px}
.fmain .flist li .minfo p { height:16px; line-height:16px; overflow:hidden; color:#999999}
.fmain .flist li .minfo .mintro { padding-top:5px; height:32px; line-height:16px; color:#999999; overflow:hidden}
.fmain .flist li .minfo .mbtn { padding-top:8px; height:27px; line-height:27px}
.fmain .flist li .minfo .mbtn input { width:80px; height:27px;  line-height:27px; text-indent:-999em; cursor:pointer; background:url(../img/btn_mf.gif) left center no-repeat #F29EBF; border:none}

.fside .hdflash { width:240px; padding-top:10px}
.fside .hdflash li { display:none}
.fside .hdflash img { width:100%}
.fside .hdflash .hdflashtips { display:none}
.fside .hdtitle { padding-top:20px}
.fside .hdtitle dl { padding:5px 0}
.fside .hdtitle dt { width:80px; height:auto; float:left; color:#F06896}
.fside .hdtitle dd { width:160px; height:auto; float:right}
.fside .hdtitle dd a { color:#878787}
.fside .hdtitle dd a:hover { color:#F06896}

.fside a.showchatbox { display:block; width:32px; height:30px; line-height:30px; background:url(../img/chat.png) center center no-repeat; position:absolute; right:-42px; top:20px; z-index:1}
.fside .chatbox { width:360px; height:560px; float:left; clear:both; border:#E2E2E2 1px solid; background-color:#FFFFFF; padding-top:32px; position:absolute; left:-80px; top:30px; z-index:1}
.fside .chatbox a.delchatbox { display:block; width:32px; height:32px; line-height:32px; background:url(../img/close.png) center center no-repeat; position:absolute; left:-16px; top:-16px; z-index:999}
.fside .chatbox h2.chatchoose { position:absolute; left:-1px; top:0; z-index:1; width:362px; height:30px; background-color:#F4F4F4; padding-top:1px}
.fside .chatbox h2.chatchoose a { display:block; width:118px; height:29px; line-height:29px; float:left; border:#F4F4F4 1px solid; border-bottom-color:#E2E2E2; text-align:center; text-decoration:none}
.fside .chatbox h2.chatchoose a.active { background-color:#FFFFFF; border-color:#E2E2E2; border-bottom-color:#FFFFFF}
.fside .chatbox h2.chatchoose a.first { border-left-color:#E2E2E2}
.fside .chatbox h2.chatchoose a.last { width:120px; border-right-color:#E2E2E2}

.fside .chatbox .infobox { width:360px; height:560px; overflow:hidden}
.fside .chatbox .infobox .inbox { width:360px; height:560px; float:left; clear:both; display:none}
.fside .chatbox .infobox .inbox .img { width:60px; height:60px; clear:none; position:relative; overflow:hidden}
.fside .chatbox .infobox .inbox .img img { width:60px; height:60px}
.fside .chatbox .infobox .inbox .img .uplayer { width:60px; height:60px; background:url(../m/images/filter_circle60.png) center center no-repeat; position:absolute; left:0; top:0; z-index:1}
.fside .chatbox .infobox .inbox ul.chatlist { width:320px; height:400px; float:left; clear:both; overflow:hidden; overflow-y:scroll; padding:20px}
.fside .chatbox .infobox .inbox ul.chatlist li { width:310px; height:auto; float:left; clear:both; overflow:hidden; padding:9px 0}
.fside .chatbox .infobox .inbox ul.chatlist li .chatinfo { width:auto; height:auto; clear:none; max-width:220px; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative}
.fside .chatbox .infobox .inbox ul.chatlist li .chatinfo .chatinfocon { width:auto; height:auto; clear:none; overflow:hidden}
.fside .chatbox .infobox .inbox ul.chatlist li .chatinfo .chatzhishi { width:8px; height:9px; line-height:9px; float:left; clear:both; overflow:hidden; position:absolute; z-index:1}
.fside .chatbox .infobox .inbox ul.chatlist li.leftchat div { float:left}
.fside .chatbox .infobox .inbox ul.chatlist li.leftchat div.chatinfo { margin-left:10px; _margin-left:5px; background-color:#F4F4F4}
.fside .chatbox .infobox .inbox ul.chatlist li.leftchat .chatinfo .chatzhishi { left:10px; bottom:-9px; background:url(../img/chatzhishi_gray.gif) left top no-repeat}
.fside .chatbox .infobox .inbox ul.chatlist li.rightchat div { float:right}
.fside .chatbox .infobox .inbox ul.chatlist li.rightchat div.chatinfo { margin-right:10px; _margin-right:5px; background-color:#F06896; color:#FFFFFF}
.fside .chatbox .infobox .inbox ul.chatlist li.rightchat .chatinfo .chatzhishi { right:10px; bottom:-9px; background:url(../img/chatzhishi_red.gif) right top no-repeat}
.fside .chatbox .infobox .inbox .chatarea { width:360px; height:119px; float:left; clear:both; overflow:hidden; border-top:#E2E2E2 1px solid}
.fside .chatbox .infobox .inbox .chatarea textarea { width:350px; height:70px; border:none; overflow:hidden; padding:5px; color:#666666}
.fside .chatbox .infobox .inbox .chatarea input { width:auto; height:24px; line-height:24px; border:none; background-color:#F16896; color:#FFFFFF; cursor:pointer; float:right; margin-top:7px; margin-right:8px; padding:0 15px}

.fside .chatbox .infobox .inbox ul.userlist { width:320px; height:520px; float:left; clear:both; overflow:hidden; overflow-y:scroll; padding:20px}
.fside .chatbox .infobox .inbox ul.userlist li { width:320px; height:auto; float:left; clear:both; overflow:hidden; padding:9px 0}
.fside .chatbox .infobox .inbox ul.userlist li .img { float:left}
.fside .chatbox .infobox .inbox ul.userlist li .uname { width:230px; height:60px; float:right; clear:none; margin-right:10px; _margin-left:5px; border-bottom:#f2f2f2 1px solid; font-size:14px}
.fside .chatbox .infobox .inbox ul.userlist li.last .uname { border-bottom-style:none}