@charset "utf-8";
/* CSS Document designed by Vinaro Cheung 2009-02-03 */
#container { width:950px; margin:0 auto; }
#container .bg { width:950px; float:left; background:url(../images/list/topbg.jpg) #ffffff no-repeat left top; padding-top:25px; position:relative; }

#left { width:288px; position:absolute; left:0px; background:url(../images/list/line_left.gif) no-repeat 280px 95px; }
#right { width:662px; float:right; overflow:hidden; background:url(../images/list/line_right.gif) no-repeat 0px 95px; }

#left .logo { width:264px; height:253px; overflow:hidden; margin-left:8px; background:url(../images/list/logobg.jpg) no-repeat 0 0; }
#left .logo .img { width:264px; height:172px; padding-top:15px; text-align:center; }
#left .logo .handle { width:264px; height:56px; overflow:hidden; background:url(../images/list/logobg.gif); clear:both; font-weight:bold; padding-top:10px; text-align:center; }
#left .logo a.name { width:115px; height:24px; background:url(../images/list/button_o.gif); display:block; float:left; text-align:center; line-height:24px; color:#ffffff; margin-left:15px; _margin-left:30px; }
#left .logo a.stroy { width:115px; height:24px; background:url(../images/list/button.gif); display:block; float:left; text-align:center; line-height:24px; color:#ffffff; margin-left:10px; }
#left .logo a:hover.stroy { background:url(../images/list/button_o.gif); }
#left .logo a.fans { line-height:30px; }
#left .logo a.comm { line-height:30px; margin-left:10px; }
#left .line { width:290px; height:17px; background:url(../images/list/line2.gif) no-repeat #ffffff left center; margin:9px 0px; clear:both; }
#left .line1 { width:290px; height:13px; background:url(../images/list/line3.gif) no-repeat #ffffff left center; margin:9px 0px 0px; clear:both; overflow:hidden; }
#left .pannel { width:264px; float:left; clear:both; margin-left:8px; _margin-left:4px; }
#left .pannel h2 { width:254px; height:29px; background:url(../images/list/navbg.jpg); display:block; clear:both; font-size:14px; line-height:29px; padding-left:10px; margin-bottom:5px; }
#left .pannel dl { width:264px; height:36px; background:url(../images/list/line5.gif) repeat-x left bottom; line-height:36px; color:#666666; clear:both; }
#left .pannel dl.nobg { background:none; }
#left .pannel dt { font-weight:bold; width:75px; height:36px; float:left; color:#000000; }
#left .pannel dl .star,.star1,.star2,.star3 { width:114px; float:left; cursor:pointer; }
#left .pannel dl .star,.star1,.star2,.star3 img { _margin-top:8px; margin-right:0px; }
#left .shfan { width:284px; float:left; padding-left:4px; clear:both; display:block; }
#left .shfan img { border:3px #dddddd solid; padding:1px; width:64px; height:64px; background:#ffffff; }
#left .shfan li { width:72px; height:100px; overflow:hidden; float:left; margin-right:20px; }
#left .shfan span { width:72px; display:block; text-align:center; margin-top:8px; }
#left .more { width:264px; height:7px; display:block; clear:both; text-align:right; padding:10px 0px; }
#left .text { width:264px; float:left; line-height:25px; padding-top:10px; }
#left .text .new { background:url(../images/list/new.gif) no-repeat right center; }
#left .blogo { width:284px; float:left; padding-left:2px; clear:both; display:block; }
#left .blogo li { width:84px; height:84px; border:1px #c0c0c0 solid; float:left; margin-right:1px; margin-bottom:10px; }
#left .file { width:260px; float:left; color:#666666; line-height:22px; }
#left .file p { margin:0px; }

#right .inneright { padding-left:7px; float:left; background:url(../images/list/line4.gif) no-repeat right bottom; padding-bottom:15px; clear:both; }
#right .sbanner { width:635px; height:89px; margin:0 auto; clear:both; }
#right .title { width:585px; height:35px; margin:0 auto; background:url(../images/list/b1.jpg) #ffffff no-repeat left center; padding-left:50px; margin-top:10px; clear:both; }
#right .b2 { background:url(../images/list/b2.jpg) #ffffff no-repeat left center; }
#right .b3 { background:url(../images/list/b3.jpg) #ffffff no-repeat left center; }
#right .b4 { background:url(../images/list/b4.jpg) #ffffff no-repeat left center; }
#right .title h2 { width:500px; float:left; font-size:14px; line-height:28px; padding-top:5px; }
#right .title h2 strong { color:#6b6b6b; font-size:12px; font-weight:normal; margin-left:5px; }
#right .title a { float:right; width:39px; height:15px; background:url(../images/list/more1.gif); display:block; margin-top:10px; margin-right:9px; }
#right .title a:hover { background:url(../images/list/more1_o.gif); }
#right .title small { visibility:hidden; }
#right .content { width:635px; height:534px; *height:504px; overflow:hidden; clear:both; margin:0 auto; padding-top:12px; }
#right .s { width:635px; height:91px; background:url(../images/list/line5.gif) repeat-x left bottom; padding-top:10px; clear:both; }
#right .s dt { width:490px; height:100px; float:left; background:url(../images/list/cion2.gif) no-repeat 0px 3px; padding-left:20px; line-height:18px; }
#right .s dt big { display:block; clear:both; }
#right .s dt big a { color:#ff6600; font-weight:bold; }
#right .s dt p { margin:0px; }
#right .s dt big a:hover { text-decoration:underline; }
#right .s dt span { color:#666666; margin-top:10px; display:block; }
#right .s dt span a { color:#666666; }
#right .s dt span a:hover { color:#ff6600; }
#right .s dd { width:100px; height:75px; overflow:hidden; float:right; border:3px #dddddd solid; }
#right .p { width:635px; height:190px; margin:0 auto; padding-top:20px; clear:both; overflow:hidden; }
#right .p ul { width:680px; float:left; padding-left:10px; }
#right .p li { width:122px; height:169px; float:left; overflow:hidden; border:3px #dddddd solid; padding:1px; display:block; margin-right:30px; }
#right .c { width:635px; float:left; margin-left:10px; padding-top:15px; clear:both; overflow:hidden; }
#right .c dl { width:627px; height:25px; float:left; padding-left:8px; }
#right .c dt { width:370px; float:left; background:url(../images/list/icon2.gif) no-repeat 0px 0px; padding-left:23px; }
#right .c dd { width:110px; float:left; }
#right .c dd.time a { width:67px; height:22px; display:block; background:url(../images/list/fb.gif); margin:0 auto; }
#right .c dd.time a:hover { background:url(../images/list/fb_o.gif); }
#right .c small { visibility:hidden; }
#right .c .nobg { background:none; }
#right .m { width:635px; margin:0 auto; padding-top:20px; clear:both; overflow:hidden; }
#right .m ul { width:700px; float:left; padding-left:10px; }
#right .m li { width:130px; height:150px; float:left; overflow:hidden; display:block; margin-right:30px; }
#right .m li img { width:122px; height:92px; border:3px #dddddd solid; padding:1px; }
#right .m li span { display:block; clear:both; margin-top:10px; text-align:center; }

#leaveword { width:625px; float:left; clear:both; padding-left:18px; overflow:hidden; background:#ffffff; }
#leaveword h4 { color:#28c3ef; font-size:18px; font-weight:normal; display:block; clear:both; height:22px; background:url(../images/list/icon.jpg) no-repeat left top; padding-left:40px; line-height:22px; }
#leaveword .cs { width:625px; float:left; clear:both; padding-top:15px; }
#leaveword .cs dl { display:block; }
#leaveword .cs dd { width:64px; height:64px; border:3px #d6eef2 solid; padding:1px; float:left; margin-right:10px; display:block; margin-top:10px; }
#leaveword .cs dt { width:533px; float:left; background:url(../images/list/top.gif) no-repeat left top; }
#leaveword .cs dt div { width:533px; background:url(../images/list/bg.gif) no-repeat left 35px; line-height:20px; }
#leaveword .cs dt p { width:465px; float:left; margin:0; padding-left:40px; padding-top:10px; color:#555555; }
#leaveword .cs dt strong {font-weight:bold; }
#leaveword .cs dt span { display:block; clear:both; text-align:right; color:#28c3ef; padding-right:15px; background:url(../images/list/bottom.gif) no-repeat left bottom; height:35px; }
#leaveword .cs dt span a { color:#28c3ef; }
#leaveword .cs dt span a:hover { text-decoration:underline; }
#leaveword .page { height:40px; display:block; border-bottom:1px #dcdcdc solid; text-align:center; clear:both; padding-top:10px; }
#leaveword .page li { display:inline; margin-right:5px; text-align:center; }
#leaveword .page a { padding:5px; line-height:18px; color:#707070; text-align:center; background:#f4f4f4; }
#leaveword .page a:hover { text-decoration:underline; }
#leaveword h5 { display:block; height:40px; line-height:40px; clear:both; color:#27c2f0; font-weight:normal; font-size:16px; padding-left:10px; }
#leaveword .editer { padding-left:10px; float:left; clear:both; }
#leaveword .submit { padding-left:10px; padding-top:5px; height:50px; clear:both; }
#leaveword .submit input { width:70px; height:23px; border:0px; background:url(../images/list/submit.gif); }

#tp { position:relative; }
#tp .alt { width:42px; height:20px; line-height:18px; position:absolute; background:url(../images/alt.gif); padding-left:10px; left:80px; top:30px; display:none;  }
.tpruslt { width:264px; height:194px; z-index:10; position:absolute; display:none; background:url(../images/tbg.png); left:120px; top:65px; }
.tpruslt h3 { width:240px; height:25px; display:block; position:absolute; z-index:6; background:url(../images/line_d.gif) repeat-x left bottom; font-size:14px; font-weight:normal; color:#229519; text-align:center; left:12px; padding-top:15px; }
.tpruslt ul { width:240px; float:left; display:block; position:absolute; z-index:6; top:50px; left:12px; }
.tpruslt li { height:25px; display:block; }
.tpruslt li span { display:block; float:left; }
.tpruslt li .t1 { width:42px; text-align:center; }
.tpruslt li .t2 { height:10px; background:url(../images/ruslt.gif) repeat-x; border:1px #dea303 solid; overflow:hidden; }
.tpruslt li .t3 { width:72px; }
.tpruslt li strong { font-weight:normal; color:#fc6208; }
.closed { cursor:pointer; }