@charset "utf-8";
/* CSS Document */

#player {width:969px; margin:3px auto 5px; border:3px solid #D9D9D9; position:relative; background:#000;}
#container {wid:969px; left:19px;top:17px;background:#000; overflow:hidden;} 
#gbox { float:left; height:490px; text-align:center; background:#000000;}
#mbox { padding:0; margin:0 auto; overflow:hidden; position:relative; background:#000000}
#swfdiv { width:640px; height:480px; margin:0 auto; text-align:center; overflow: hidden; background:#000000;}
#downProgress {width:100%;height:8px;margin-bottom:5px; padding:1px ;position:relative; z-index:10;overflow:hidden;text-align:left; background:#fff; display:none;}
#bar { width:0;height:8px;margin:0;background:#01A6DE;overflow:hidden;}
#downStatus {position:absolute;top:-2px;left:46%;color:#006633;font-size:10px;}
#wait { display:none; width:640px; height:480px; margin-bottom:3000px;overflow:hidden;} 
#wait .pic { width:400px; height:300px; overflow:hidden; margin:20px auto; background:#000;text-align:center;}
#wait iframe { margin:0; padding:0;}
#text { font-size:14px; color:#009933;line-height:1.6em; text-align:center; padding-top:15px;}
#text a { text-decoration:none;}

#sbox { float:right; display:inline; width:306px; height:100%; background:#191919; border-left:3px solid #222;}
#sbox .rtab { height:30px; line-height:25px; margin:7px 0 0 0; overflow:hidden; }
#sbox .rtab div {  width:280px; margin-left:25px; color:#fff;}
#sbox .rtab div a { float:left; width:65px; height:25px; margin:5px 5px 0 0; display:inline; text-align:center; color:#fff; cursor:pointer; text-decoration:none; background:#666666;}
#sbox .rtab div a.on { color: #000; text-decoration:none; background:#fff;}
#sbox .cont { height:450px; overflow:hidden; color:#000; }
#Ginfo div { margin:0 auto;}
#Ginfo div dl { width:265px;padding-bottom:5px; min-height:105px; height:auto !important; height:105px; }
#Ginfo div dl h1 { font-size:14px; line-height:20px; }
#Ginfo div dl dt { float:right; display:inline; width:110px; height:82px; margin-right:5px; padding:0; overflow:hidden; }
#Ginfo div dl dt img { width:100px; height:75px; border:1px solid #CFCFCF; background:#fff; padding:2px;}
#Ginfo div dl dd { float:left; width:150px; height:21px; line-height:21px; }
#Ginfo div dl dd.tags { width:265px; min-height:20px; height:auto !important; height:20px;}
#Ginfo div dl dd.tags span{ display:block; width:265px; line-height:20px; padding-top:2px;}
#Ginfo div dl dd.tags a { padding:0 2px; color:#000; }
#Ginfo div dl dd.tags a:hover {color:#FF0000;}
#Ginfo div h3 { font-size:12px; line-height:1.5em; margin-top:10px; color:#FF0000;}
#Ginfo div p { line-height:1.5em;}
#Ginfo div p.jj,#Ginfo div p.cz { height:auto !important; height:112px; max-height:110px; overflow:auto;}
#Ginfo div p .gl { line-height:30px; color:#000; text-decoration:underline;}
#Ginfo div p .gl:hover { color:#FF0000;}
#Ginfo div p a { text-decoration:none;}

#Ginfo,#Rgame,#Sponsor { width:258px; height:450px; margin:0 auto; padding:10px 20px; background:#fff; overflow:hidden;}
#Rgame ul { background:#fff; height:430px; overflow:overflow; position:relative; }
#Sponsor .rad { background:#ccc; width:250px; height:250px; margin:0 0 7px 4px; overflow:hidden; }
#Sponsor ul {background:#fff; height:192px; overflow:hidden;  position:relative; }
.gt3 li { float:left; display:inline; width:86px; height:91px;  text-align:center; overflow:hidden;} 
.gt3 li .p { width:76px; height:76px;margin:0 auto; overflow:hidden; position:relative;}
.gt3 li .p i { width:76px;height:77px;background:url(../images/ico_br2.png) no-repeat 0 0; overflow:hidden; position:absolute; left:0;top:0;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/2010spring/images/ico_br2.png',sizingMethod='scale');cursor:pointer}
.gt3 li .p a img {width:100px;height:75px; top:0; left:-12px; position:absolute; overflow:hidden;}
.gt3 li h5 {width:86px; height:14px; margin:0 auto; line-height:14px; overflow:hidden;}
.gt3 li h5 a { font-size:12px; color:#464644; text-decoration: none; font-weight:normal;}
.gt3 li h5 a:hover { color:red; text-decoration:underline;}
/*2013*/
.gt4 li { float:left; display:inline; width:86px; height:91px;  text-align:center; overflow:hidden;} 
.gt4 li a { font-size:12px; color:#464644; text-decoration: none; font-weight:normal; line-height:13px;}
.gt4 li a:hover { color:red; text-decoration:underline;}





#gtool { width:100%; height:80px;background:#fff; overflow:hidden; }
#gtool #tools { width:937px; height:28px; margin:0 auto; padding:7px; text-align:right; overflow:hidden;}
#gtool #tools a { float:left; height:26px; line-height:26px; text-decoration:none; color:#000000; border:1px solid #CCCCCC; background-color:#FFFFFF;}
#gtool #tools a:hover{border:1px solid #9ac100;background-color:#f5ffcc;}
#fulls_btn	{width:55px;margin-right:7px;padding-right:8px;background:url(../images/player.gif) no-repeat 5px 5px;}
#zoomb_btn	{width:55px;margin-right:7px;padding-right:8px;background:url(../images/player.gif) no-repeat 5px 5px;}
#zooms_btn	{width:55px;margin-right:7px;padding-right:8px;background:url(../images/player.gif) no-repeat 5px 5px;}
#bests_btn	{width:55px;margin-right:7px;padding-right:8px;background:url(../images/player.gif) no-repeat 5px 5px;}
#replay_btn	{width:55px;margin-right:7px;padding-right:8px;background:url(../images/player.gif) no-repeat 5px -39px;}
#down_btn		{width:55px;margin-right:7px;padding-right:8px;background:url(../images/player.gif) no-repeat 5px -85px;}
#fav_btn		{width:55px;margin-right:7px;padding-right:8px;background:url(../images/player.gif) no-repeat 5px -130px;}
#share_btn		{width:79px;margin-right:7px;padding-right:5px;background:url(../images/player.gif) no-repeat 5px -222px;}
#shortcut_btn	{width:90px;margin-right:7px;padding-right:5px;background:url(../images/player.gif) no-repeat 5px -429px;}
#report_btn	{width:55px;margin-right:7px;padding-right:5px;background:url(../images/player.gif) no-repeat 5px -479px;}
#random_btn	{width:79px;padding-right:5px;background:url(../images/player.gif) no-repeat 5px -520px;}
#say_btn	{width:65px;margin-right:7px;padding-right:5px;background:url(../images/player.gif) no-repeat 5px -571px;}
#favgame_btn { display:block; width:95px; height:26px;background:url(../images/player.gif) no-repeat 0 -624px; margin-top:1px;}
.start_box  { width:600px; padding:5px 0;line-height:50px; text-align:center;}
.start_box #start_btn  { display:none;width:137px;height:35px; margin:5px auto; background:url(../images/player.gif) no-repeat scroll 0 -284px transparent;}
#cp { width:937px; height:32px; margin:0 auto; padding:0 5px; line-height:30px; background:#CCDEFD; overflow:hidden;}
#cz_btm { float:left; width:800px; height:30px; line-height:30px; color:#000000; overflow:hidden;}
#cp .fx { float:right;}
#cp .fx img { border:none; margin-top:5px;}
/*cz*/
#cz_btm ul {float: left;height: 28px;overflow: hidden;padding-top: 3px;}
#cz_btm ul li {display: block;float: left;height:26px;line-height:26px;margin-right: 5px;text-align: left;}.i_mouseleft, .i_mousedrag, .i_mousemove, .i_space, .i_ctrl, .i_enter, .i_alt, .i_shift, .i_tab, .i_end, .i_esc, .i_wasd, .i_left, .i_right, .i_up, .i_down, .i_ud, .i_lr, .i_arrows {background: url("/skin/2011sun/images/icon_keys.png") no-repeat scroll 0 0 transparent;float:left;height: 25px;line-height:21px;margin:0 3px;}
#cz_btm ul li img { float:none; vertical-align:middle;}
.i_mouseleft {background-position: 0 1px;width: 15px;}
.i_mousedrag {background-position: 0 -89px;width: 20px;}
.i_mousemove {background-position: 0 -59px;width: 18px;}
.i_space {background-position: 0 -280px;width: 58px;}
.i_ctrl {background-position: 0 -198px;width: 39px;}
.i_enter {background-position: 0 -143px;width: 48px;}
.i_alt {background-position: 0 -116px;width: 31px;}
.i_shift {background-position: 0 -171px;width: 42px;}
.i_tab {background-position: 0 -225px;width: 31px;}
.i_end {background-position: 0 -253px;width: 31px;}
.i_esc {background-position: 0 -568px;width: 34px;}
.i_wasd {background-position: 0 -503px;width: 39px;}
.i_left {background-position: 0 -362px;width: 21px;}
.i_right {background-position: 0 -389px;width: 21px;}
.i_up {background-position: 0 -307px;width: 21px;}
.i_down {background-position: 0 -334px;width: 21px;}
.i_ud {background-position: 0 -444px;width: 42px;}
.i_lr {background-position: 0 -416px;width: 42px;}
.i_arrows {background-position: 0 -537px;width: 39px;}
.i_key {color: #030303;font-family: Verdana,Sans-serif;float:left;font-size: 10px;font-weight: bold;height:21px;width:21px; line-height:21px;margin:3px 3px 0; text-align: center;vertical-align:middle;}

.cbox { width:969px; margin:0 auto 10px;; border:3px solid #D9D9D9; overflow:hidden;}
#tjgame {float:left;padding:20px 0 10px 15px; width:945px; overflow:hidden;}
#tjgame li {float:left;width:104px;height:90px;margin-bottom:5px;font-size:12px;;line-height:120%;overflow:hidden;padding:0;white-space:nowrap; text-align:center; }
#tjgame li .p { width:83px; height:64px; margin:0 auto; border:1px solid #F0F0F0; overflow:hidden;}
#tjgame li .p img {width:75px;height:56px; margin:0 auto; border:1px solid #CFCFCF;padding:3px;}
#tjgame li h5 {	width:104px; height:18px; margin:0 auto; line-height:18px; overflow:hidden;}
#tjgame li h5 a { font-size:12px; color:#0044FF; text-decoration: none; font-weight:normal;}
#tjgame li h5 a:hover { color:red; text-decoration:underline;}
#tjtag { float:left;display:inline; width:900px;height:65px; line-height:1.7em; padding:10px 0 15px; overflow:hidden;}
#tjtag li { width:80px; height:23px; float:left; overflow:hidden;}
#tjtag li a { color:#0066FF;}
.ltitle { display:inline; float:left; width:18px; height:65px; margin:10px 20px 0 15px; text-align:center; background:#ccc; writing-mode:lr-tb;}

/*intro*/
.intro .title { width:940px; height:25px; line-height:25px; margin:15px auto 7px; background: #CCDEFD;}
.intro .title h3 { padding-left:10px; font-size:14px;}
.intro .content { width:930px; margin:0 auto 15px;  line-height:25px;}
.intro .content .share { width:940px; border-bottom:1px dashed #ccc; margin-bottom:15px;}
.intro .content .lei a { padding-right:5px;}
.intro .content a { color:#000; text-decoration:none;}
.intro .content a:hover { color:red;}
.intro .jieshao { font-size:14px;}

/*hotgamebox*/
.tgbox .title { height:30px; line-height:30px; margin-top:5px; border-bottom:1px dashed #ccc;}
.tgbox .title #tab { height:25px; padding-left:20px;}
.tgbox .title #tab li {float:left;display:block;font-size: 14px;font-weight: bold;line-height:25px; text-align: center;cursor:pointer; position:relative;}
.tgbox .title #tab li a { display:block; float:left; color:#222; padding:0 15px; }
.tgbox .title #tab .currentHover a {height:25px; line-height:25px; padding:0 15px; color:#000000;text-decoration: none; background:#FFCC00;}
.tgbox .title #tab a { color:#000;}
.tgbox .title #tab .currentHover i { width:11px; height:9px; background:url("/skin/common/images/icon_xsj1.gif") no-repeat scroll 0 0 transparent; margin:0 auto; position:absolute; top:25px; left:30%;}

.tabsbox {width:975px;margin:10px auto;overflow:hidden;}
.tabsbox .box { width:980px; }
.tabsbox #tabs { height:23px; }
.tabsbox #tabscont { width:973px;border:1px solid #ACC9EB;float:left;margin-top:-1px;overflow:hidden;}
#tabs a, #tabs a.cur, #tabs a span, #tabs a.cur span { background:url("../images/tabs.gif") no-repeat scroll 0 0 transparent;}
#tabs a span, #tabs a.cur span {background-position:right -210px;color:#444444;cursor:pointer;display:block;font-weight:700;height:22px;overflow:hidden;width:101px; text-align:center;}
#tabs a { background-position:0 -240px;color:#323131;float:left;line-height:25px;margin-right:3px;width:101px;}
#tabs a.cur { background-position:0 -180px;height:23px;position:relative;}
#tabs a.cur span {color:#1E3470;height:23px;}
#tabcont {border:1px solid #ACC9EB;float:left;margin-top:-1px;overflow:hidden;width:972px;}
#tabcont ul {float:left;padding:20px 0 15px 15px; width:965px;}
#tabcont ul li {float:left;width:104px;height:90px;margin-bottom:5px;font-size:12px;;line-height:120%;overflow:hidden;padding:0;white-space:nowrap; text-align:center; }
#tabcont ul li div img {width:75px;height:56px; margin:0 auto; border:1px solid #CFCFCF;padding:3px;}
#tabcont ul li h5 {	width:90px; height:18px; margin:0 auto; line-height:18px; overflow:hidden;}
#tabcont ul li h5 a { font-size:12px; color:#0044FF; text-decoration: none; font-weight:normal;}
#tabcont ul li h5 a:hover { color:red; text-decoration:underline;}

#comment { display:inline; float:left; width:940px; margin:15px 10px 0 15px; padding:0; overflow:hidden; }
#comment .title { line-height:30px; height:30px; margin-bottom:10px;  border-bottom:2px dashed #ccc;;}
#comment .title h4 { font-size:14px; float:left; width:300px;}
#comment #xuanchuan { line-height:30px; margin-bottom:5px; border-bottom:1px dashed #DDD; padding-bottom:10px;}
#comment #xuanchuan span {color:#FF0000;}
#comment #cmtbtm { line-height:30px; height:30px; text-align:right;}
.commentarea {   margin:60px 0 20px; }
.commentarea h5 { width:100%;height:30px; line-height:30px; border-bottom:2px solid #efefef; margin-bottom:10px;font-size:14px; }
.commentarea h5 span { font-size:12px; font-weight:normal; padding-left:8px;}
.commentarea .carea { float:left; width:550px; overflow:hidden;}
.commentarea .carea a:hover { border:1px solid #ccc; padding:2px;}
.commentarea #saytext { height:100px; border-width:1px; border-style:solid; border-color:  #999 #ccc #ccc #999;}
.commentarea .cad {  width:336px; height:280px; overflow:hidden;}  
.commentbox { margin:0 auto; }
#comm_content .meu { height:25px; line-height:25px;color:#333;}
#comm_content .meu a { float:right; margin-right:8px; display:inline; color:#1349F9; padding-left:18px; line-height:25px; text-decoration:none;}
#comm_content .meu a.item1 {background:url("../images/pl.gif") no-repeat scroll 0 4px transparent;}
#comm_content .meu a.item2 {background:url("../images/pl.gif") no-repeat scroll -176px 4px transparent;}
#comm_content .meu a.item3 {background:url("../images/pl.gif") no-repeat scroll 0 -29px transparent;}
#comm_content .quote { margin:5px; background:#fff; word-break:break-all; border:1px solid #ccc;}
#pagelist { text-align:center; overflow:hidden;}
#pagelist .list_page { display:inline-block; margin:0 auto; padding:0; overflow:hidden;}
#pagelist a ,#pagelist span { float:left; height:22px;line-height:22px; margin-right:3px; padding:0 8px;border:1px solid #296CB3; text-decoration:none; font-family:Tahoma;}
#pagelist span { background:#296CB3; color:#FFF;}

#comm_content .row {margin-bottom:8px;}
#comm_content .row h3 {background:none repeat scroll 0 0 #F6F6F6;font-size:12px;height:30px;margin-bottom:8px;overflow:hidden;padding:0 5px;}
#comm_content .row h3 span {float:left;height:30px;line-height:30px; color:#464644;}
#comm_content .row h3 label {float:right;font-weight:normal;height:30px;line-height:30px;}
#comm_content .row .con {padding:0 15px;text-align:left;line-height:25px;word-break:break-all;}
#comm_content .row .con .mycon {line-height:25px;}
#comm_content .row .menu {height:25px;line-height:25px;}
.reply {border:1px solid #BBBBBB;margin-bottom:8px;padding:5px;}
.reply h4 {background:none repeat scroll 0 0 #F6F6F6;font-size:12px;height:25px;line-height:25px; margin-bottom:8px; font-weight:normal; overflow:hidden;padding:0 5px;text-align:left;}
.reply h4 span {font-weight:bold;margin-right:8px; color:#464644;}
.reply p {border:0 none;line-height:25px;margin:0;padding:0 5px;text-align:left;}
#comm_content .row h3 span b,.reply h4 span b { color:#CC0000;}
#comment .hotcomment { font-size:14px; color:red; line-height:30px;}
#saytext { overflow:auto;}
#keyinput { line-height:20px; margin-bottom:10px;}
#keybox { padding-bottom:10px;}
#showkey { cursor:pointer; text-decoration: underline; color:#0033FF;}
#KeyImg { cursor:pointer;}
#quote { line-height:20px;}
.mood { width:600px; margin:0 auto; }

/*sidegame*/
#sidegame { float:left;width:330px; overflow:hidden;}


/*sidepl*/
.sidepl .title { width:300px; height:25px; line-height:25px; margin:5px 0 5px 20px; padding-left:5px; background:#FFCC00;}
.sidepl .title h3 { font-size:14px;}
.sidepl .cont { width:300px; line-height:25px; margin-left:20px; }
.sidepl .cont p { margin:5px 0; padding-left:5px;}
.sidepl .cont p.c1 { background:#efefef; line-height:23px; height:23px; overflow:hidden;}
.sidepl .item2 ,.sidepl .time{ float:right; padding-right:5px;}


/*tags*/
#tagsbox { width:969px; margin:0 auto;border:3px solid #D9D9D9; overflow:hidden;}
#cen1_list_d {width:940px;margin:0 auto 6px;padding:10px 10px 0px 10px;display:block;overflow:hidden;}
.sd_fl_01{background-color:#eff7f3;}
.sd_fl_01 .sd_fl{background-color:#eff7f3;}
.sd_fl {width:300px;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0 5px 5px;text-align:left;line-height:20px;}
ul.sd_fl a {line-height:20px;margin:0;padding:6px;}
ul.sd_fl a:link {color:#000000;text-decoration:none;}
ul.sd_fl a:hover{text-decoration:underline;}
ul.sd_fl a {font-size:12px;}
.sd_fl h2{margin-top:3px;}
.sd_fl h2 a {color:#DB5107!important;}

/*share*/
.content .share {clear: both;height: 22px;width: 610px;padding-bottom:5px;}
.content .share ul {float: left;height: 22px;overflow: hidden;width: 615px;}
.content .share ul li {float: left;height: 22px;line-height: 22px;margin-right: 10px;overflow: hidden;}
.s_qz, .s_tqq, .s_rr, .s_kx, .s_tsina, .s_db {background: url("../images/detail_share.png") no-repeat scroll 0 0 transparent;padding-left: 20px;}
.s_qz {background-position: 0 1px;}
.s_tqq {background-position: 0 -19px;}
.s_rr {background-position: 0 -39px;}
.s_kx {background-position: 0 -60px;}
.s_tsina {background-position: 0 -80px;}
.s_db {background-position: 0 -101px;}

/*ad*/
.a960h60 { width:960px; height:90px; margin:5px auto; padding:0px; border:4px solid #efefef; text-align:center; overflow:hidden;}
.a300 { width:300px; margin:20px 0 0 20px;}
.a300x2 { overflow:hidden; margin-bottom:15px;}
.a300x2 div { width:300px; float:left; overflow:hidden; }
.a300x2 .a1 { padding-right:5px;}