/*
auther:f7
date:2011.05
*/
/*  Reset  */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cite,code,del,em,img,q,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{ margin:0; padding:0; border:0; font-size:100%;}
body{ background:#fff; color:#000; font:12px simsun; text-align:center;}
ol,ul{ list-style:none;}
cite,em,strong,th,h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal;}
input,textarea,select,button,td{ font-size:100%;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#f00; text-decoration:underline;}

/*  CMS Common title colors  */
.title_default{ }
.title_black{ color:black !important;}
.title_red{ color:red !important;}
.title_blue{ color:blue !important;}
.title_green{ color:green !important;}
.title_brown{ color:brown !important;}
.title_gray{ color:gray !important;}


.r2con .more a,
.r3r2on span,
.r4 h2 span,
.r5 h2 span,
.r6left h2 span,
.r7 h2 span{ background:url("../img/sprites.png") no-repeat;}

body{ background: #fff url("../img/bg.jpg") repeat-x 100% top;}

.header{ background:url("../img/headBg.jpg") no-repeat center 37px; height:245px;}

.topNav{ width:950px; margin:auto; color:#fff; overflow:hidden;}
.topNav .logo{ float:left; width:77px; padding-left:30px;}
.topNav ul{ width:800px; float:left; display:inline; margin-left:15px; overflow:hidden;}
.topNav ul li{ float:left; background:url("../img/topNavLine.png") no-repeat left 12px; line-height:22px; padding:8px 16px 0 16px; margin-left:-1px;}
.topNav ul li a{ color:#fff;}
.topNav ul li a:hover{ color:#ff0;}

.nav{ width:920px; margin:auto; height:32px; background:url("../img/navBg.jpg") no-repeat; font-size:16px; font-weight:bold; text-align:left; padding-left:30px; color:#fff;}
.nav a{ color:#fff; padding:0 12px;}
.nav aHover{ color:#ff0;}

.footer{ width:100% !important; background:#666 !important; line-height:24px; color:#fff; text-align:center; padding:20px 0 !important; height:auto !important; border:0 !important;}
.footer a{ color:#fff;}

.myBody{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:948px; margin:auto;}
.goTop{ width:950px; margin:auto;}
.goTop a{ float:right; width:66px; line-height:20px; color:#666; background:#ebecee; display:inline; margin-right:20px;}

/*  r1  */
.r1{ width:930px; margin:auto; overflow:hidden;}
.r1left{ width:533px; float:left;}
.r1l1{ width:533px; height:195px; float:left; padding-top:10px;}
.r1l1 .focusTopic{ width:100%; overflow:hidden; color:#fff; position:relative;}
.r1l1 .focusTopic a{ color:#fff;}
.r1l1 .focusTopic_pic img{ width:533px; height:195px; display:block;}
.r1l1 .sepln{ background:#000; filter:alpha(opacity=50); opacity:0.5; width:354px; height:195px; position:absolute; top:0; right:0; z-index:1;}
.r1l1 .focusTopic_tit{ position:absolute; top:50px; right:0; z-index:2; font-size:14px; font-weight:bold; line-height:30px; width:354px; text-align:center;}
.r1l1 .focusTopic_txt{ position:absolute; top:85px; right:0; z-index:3; line-height:24px; width:334px; padding:0 10px; height:96px; text-align:left; overflow:hidden;}
.r1l1 .focusTopic_txt .moreLnk{ color:#ff0;}
.r1l2{ width:543px; margin-right:-10px; padding-top:10px; overflow:hidden;}
.r1l2 .sepln{ display:none;}
.r1l2 .focusTopic{ width:261px; height:131px; float:left; display:inline; margin-right:10px; position:relative;}
.r1l2 .focusTopic a{ color:#fff;}
.r1l2 .focusTopic img{ width:261px; height:131px; display:inline;}
.r1l2 .focusTopic_tit{ width:241px; line-height:40px; position:absolute; bottom:0; left:0; font-size:14px; font-weight:bold; padding:0 10px; text-align:left; z-index:2;}
.r1l2 .focusTopic_txt{ width:261px; height:40px; background:#000; position:absolute; bottom:0; left:0; filter:alpha(opacity=50); opacity:0.5; z-index:1;}
.r1l2 .focusTopic_txt a{ display:none;}

.r1right{ width:387px; float:right;}
.r1right .sepln{ display:none;}
.r1right img{ width:88px; height:83px; display:block; margin:3px 0 0 15px;}
.r1right .focusTopic{ background:#ececec; margin-top:10px; padding-bottom:8px; width:100%; overflow:hidden;}
.r1right .focusTopic_pic{ width:106px; height:89px; float:right; display:inline; margin:8px 6px 0 0; background:url("../img/focusRightBg.png") no-repeat;}
.r1right .focusTopic_cont{ width:245px; float:left; display:inline; margin-left:17px;}
.r1right .focusTopic_tit{ line-height:26px; font-size:14px; height:26px; padding-top:18px; overflow:hidden;}
.r1right .focusTopic_tit a{ color:#c00; font-weight:bold;}
.r1right .focusTopic_txt{ line-height:24px; height:48px; color:#333; overflow:hidden;}
.r1right .focusTopic_txt a{ color:#333;}

/*  r2  */
.r2top,
.r2bottom,
.r2con h3 em{ background:url("../img/r2.png") no-repeat;}
.r2{ width:929px; margin:10px auto 0;}
.r2top{ height:4px; overflow:hidden; background-position:left top;}
.r2bottom{ height:4px; overflow:hidden; background-position:left -4px;}
.r2con{ border-left:3px solid #c33; border-right:3px solid #c33; padding-top:13px; zoom:1; overflow:hidden;}
.r2con h3{ width:183px; float:left; overflow:hidden;}
.r2con h3 strong{ display:block; margin-bottom:7px;}
.r2con h3 em{ display:block; height:62px; text-indent:-9999px; overflow:hidden; cursor:pointer;}
.r2con h3 .sony{ background-position:left -50px;}
.r2con h3 .microsoft{ background-position:left -120px;}
.r2con h3 .nintendo{ background-position:left -190px;}
.r2con h3 .current .sony{ background-position:-210px -50px;}
.r2con h3 .current .microsoft{ background-position:-210px -120px;}
.r2con h3 .current .nintendo{ background-position:-210px -190px;}
.r2con .mod{ width:727px; float:left; display:inline; margin-left:10px; overflow:hidden;}
.r2con .modLeft{ width:403px; float:left; background:#ececec; padding:10px 0 0 0; line-height:26px; text-align:left;}
.r2con .modLeft h4{ color:#c00; font-size:14px; font-weight:bold; text-align:center; height:32px; padding-top:2px; overflow:hidden;}
.r2con .modLeft h4 a{ color:#c00;}
.r2con .modLeft li{ padding:0 20px; height:26px; overflow:hidden;}
.r2con .modLeft .more{ padding:0;}
.r2con .modLeft .more a{ float:right; width:53px; height:25px; text-align:center; color:#fff;}
.r2con .modRight{ width:314px; float:right; overflow:hidden;}
.r2con .modRight img{ width:146px; height:195px; display:block;}
.r2con .photoAlbum_item{ float:left; width:150px; margin-right:7px; display:inline;}
.r2con .photoAlbum_item_pic a{ border:1px solid #dfdfdf; padding:1px; display:block;}
.r2con .photoAlbum_item_pic a:hover{ border:2px solid #900; padding:0; float:left;}
.r2con .photoAlbum_item_txt{ display:none;}

.r3{ background:url("../img/boxBg.png") repeat-x 100% top; width:930px; margin:10px auto 0; text-align:left; overflow:hidden;}
.r3left{ width:655px; float:left;}
.r3left .detail-frame{ display:none;}
.r3right{ width:274px; height:929px; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.r3left h2{ line-height:45px; font-size:18px; color:#000; font-weight:bold; padding-left:15px; padding-top:8px; font-family:"simhei";}
.r3left h2 strong{ font-size:22px; color:#c00; font-weight:bold;}
.r3left img{ width:90px; height:120px; display:block;}
.r3left li{ width:94px; height:124px; float:left; display:inline; margin:4px 13px 4px 2px;}
.r3left a{ border:1px solid #dfdfdf; padding:1px; display:block;}
.r3left a:hover{ border:2px solid #c00; padding:0; float:left;}
.r3left .r3l1{ padding-bottom:16px; border-bottom:1px solid #ccc; width:100%; overflow:hidden;}
.r3left .r3l2{ padding:16px 0; border-bottom:1px solid #ccc; width:100%; overflow:hidden;}
.r3left .r3l3{ padding:16px 0; width:100%; overflow:hidden;}

.r3right h3{ line-height:45px; font-size:16px; color:#000; font-weight:bold; padding-left:13px; padding-top:8px;}
.r3right h3 strong{ font-size:18px; color:#c00; font-weight:bold;}
.r3right .hotList{ width:250px; margin:auto; font-size:14px;}
.r3r1 dl{ width:100%; padding:5px 0; overflow:hidden; border-bottom:1px solid #f0f0f0;}
.r3r1 dt{ float:left; color:#000; line-height:25px;}
.r3r1 dd{ overflow:hidden; zoom:1;}
.r3r1 dd a{ color:#369; margin:2px 8px 2px 2px; float:left; display:inline; white-space:nowrap; line-height:16px; padding:2px 1px;}
.r3r1 dd a:hover{ color:#fff; background:#0a246a; text-decoration:none;}

.search{ width:249px; height:29px; background:url("http://game.china.com/zh_cn/index2011/images/theme.png") no-repeat 0 -280px; margin:15px auto 0;}
.search li{ float:left;}
.search li input.searchText{ width:174px; height:21px; line-height:21px; background:#fff; border:1px solid #ef7070; margin:3px 8px 0 3px; padding:0 2px; vertical-align:middle;}
.search li input.searchBtn{ width:55px; height:22px; line-height:22px; border:none; background:url("http://game.china.com/zh_cn/index2011/images/theme.png") no-repeat 0 -319px; margin-top:3px; text-align:center; cursor:pointer; font-size:14px;}

.r3r2{ margin-top:18px; padding-bottom:10px; background:url("../img/boxBg2.png") repeat-x 100% top;}
.r3r2on{ background:url("../img/r3r2.png"); line-height:35px; margin-left:10px; padding-left:6px;}
.r3r2on li{ width:100%; vertical-align:middle; overflow:hidden;}
.r3r2on li em{ width:130px; float:left;}
.r3r2on li em a{ float:left; line-height:18px; padding:0 3px; margin-top:9px;}
.r3r2on li em a:hover{ background:#fc9; text-decoration:none; color:#000;}
.r3r2on li strong{ float:left; width:80px;}
.r3r2on span{ width:34px; height:20px; line-height:20px; color:#000; text-align:center; background-position:-50px -50px; float:right; display:inline; margin:8px 8px 0 0; cursor:pointer;}
.r3r2on .current{ background-position:left -50px;}

/*  r4  */
.r4{ background:url("../img/boxBg.png") repeat-x 100% top; width:930px; margin:14px auto 0; text-align:left; overflow:hidden;}
.r4 h2{ line-height:45px; font-size:18px; color:#000; font-weight:bold; padding-left:15px; padding-top:8px; font-family:"simhei";}
.r4 h2 strong{ font-size:22px; color:#c00; font-weight:bold;}
.r4 h2 span{ float:right; width:53px; height:25px; text-align:center; line-height:25px; display:inline; margin-top:8px; font-family:"simsun";}
.r4 h2 span a{ color:#fff; font-size:12px; font-weight:normal;}

.r4con{ width:936px; margin-right:-6px;}
.r4con a{ border:1px solid #dfdfdf; padding:1px; display:block;}
.r4con a:hover{ border:2px solid #c00; padding:0; float:left;}
.r4con img{ width:146px; height:196px; display:block;}
.r4con .photoAlbum_item{ width:150px; float:left; display:inline; margin:4px 6px 4px 0;}
.r4con .photoAlbum_item_txt{ display:none;}

/*  r5  */
.r5{ margin:10px 0 0; width:100%; overflow:hidden; text-align:left;}
.r5left{ width:460px; float:left; display:inline; margin-left:9px; background:url("../img/boxBg3.png") repeat-x 100% top;}
.r5right{ width:460px; float:right; display:inline; margin-right:9px; background:url("../img/boxBg3.png") repeat-x 100% top;}
.r5 h2{ line-height:45px; font-size:18px; color:#000; font-weight:bold; padding-left:15px; padding-top:8px; font-family:"simhei";}
.r5 h2 strong{ font-size:22px; color:#c00; font-weight:bold;}
.r5 h2 span{ float:right; width:53px; height:25px; text-align:center; line-height:25px; display:inline; margin-top:8px; font-family:"simsun";}
.r5 h2 span a{ color:#fff; font-size:12px; font-weight:normal;}
.r5 .focusTopic{ margin:0 17px 0; padding-top:10px;}
.r5 .focusTopic_tit{ line-height:30px; height:30px; font-size:14px; font-weight:bold; color:#c00; text-align:center; overflow:hidden;}
.r5 .focusTopic_tit a{ color:#c00;}
.r5 .focusTopic_txt{ line-height:24px; height:48px; overflow:hidden;}
.r5 ul{ padding-top:25px;}
.r5 li{ line-height:26px; background:url("../img/line.png") repeat-x 100% bottom; padding:0 15px; text-align:right; zoom:1; overflow:hidden;}
.r5 li a{ width:375px; text-align:left; float:left; padding-left:14px; background:url("../img/icon-.png") no-repeat left 12px; height:26px; overflow:hidden;}
.r5 li.splitline{ height:15px; line-height:15px; background:none; overflow:hidden;}

/*  r6  */
.r6{ margin-top:10px; text-align:left; width:100%; overflow:hidden;}
.r6left{ width:630px; float:left; display:inline; margin-left:10px; background:url("../img/boxBg.png") repeat-x 100% top;}
.r6right{ width:291px; float:right; display:inline; margin-right:10px;}
.r6left h2{ line-height:45px; font-size:18px; color:#000; font-weight:bold; padding-left:15px; padding-top:8px; font-family:"simhei";}
.r6left h2 strong{ font-size:22px; color:#c00; font-weight:bold;}
.r6left h2 span{ float:right; width:53px; height:25px; text-align:center; line-height:25px; display:inline; margin-top:8px; font-family:"simsun";}
.r6left h2 span a{ color:#fff; font-size:12px; font-weight:normal;}

.r6lCon a{ border:1px solid #dfdfdf; padding:1px; display:block;}
.r6lCon a:hover{ border:2px solid #c00; padding:0; float:left;}
.r6lCon img{ width:146px; height:196px; display:block;}
.r6lCon .photoAlbum_item{ width:150px; float:left; display:inline; margin:4px 7px 4px 0;}
.r6lCon .photoAlbum_item_txt{ display:none;}

.r6r1{ background: #fdeeda url("../img/r6right01.png") no-repeat; width:100%; overflow:hidden;}
.r6r1 h3{ line-height:45px; height:45px; font-size:18px; color:#c00; font-weight:bold; padding-left:15px; padding-top:8px; font-family:"simhei"; overflow:hidden;}
.r6r1 h3 strong{ font-size:22px; color:#c00; font-weight:bold;}
.r6 p{ width:260px; margin:auto; line-height:26px; text-indent:2em; padding:0 0 15px 18px; float:left;}

.r6r2{ background: #fce6ca url("../img/r6right02.png") no-repeat left bottom; width:100%; overflow:hidden;}
.r6r2 p{ text-indent:0; padding-top:10px;}
.r6r3 img{ display:block; width:290px; height:90px; margin:8px auto 0;}

/*  r7  */
.r7{ margin-top:10px; text-align:left; width:100%; overflow:hidden; border-top:1px solid #ced6dc; background:#f5f5f5;}
.r7 h2{ width:100%; overflow:hidden;}
.r7 h2 span{ float:right; width:136px; height:34px; background-position:-100px -50px; margin:9px 20px 0 0; display:inline;}
.r7 h2 span a{ display:block; height:34px;}
.r7 h2 strong{ float:left; width:300px; margin-top:10px; line-height:30px; display:inline; padding-left:23px; font-size:16px; font-weight:bold; color:#c00;}
.r7con{ width:910px; padding-top:10px; margin:auto;}
.r7con .PostItem{ margin-bottom:12px; background:#ebecee;}
.r7con .PostIp{ display:none;}
.r7con .PostHeader{ width:100%; overflow:hidden; border-bottom:2px solid #dddfe2; line-height:26px;}
.r7con .PostUser{ width:300px; float:left; padding-left:15px; font-weight:bold; color:#666;}
.r7con .PostTime{ width:300px; float:right; padding-right:15px; text-align:right; color:#999;}
.r7con .PostContentText{ line-height:20px; padding:5px 15px; color:#666;}
.r7con .QuoteArea{ margin:8px 15px 5px; border:1px solid #ddd; background:#f0f0f0; padding:5px 8px; line-height:20px; color:#666;}
.r7con .QuoteUser{ font-weight:bold;}
.r7con .commentMore{ text-align:right; font-size:14px; padding-bottom:10px;}
.r7con .commentMore a{ color:#586573; line-height:30px; padding-right:10px;}


.gameList{ width:930px; background:url("../img/boxBg.png") repeat-x 100% 10px; margin:auto; padding-top:10px;}
.gameList h2{ width:300px; float:left; display:inline; margin:10px 0 0 15px; text-align:left; line-height:34px; font-size:18px; color:#000; font-weight:bold; font-family:"simhei";}
.gameList h2 strong{ font-size:22px; color:#c00; font-weight:bold;}
.gameListTit{ width:100%; overflow:hidden;}
.gameList .search{ float:right; display:inline; margin-right:12px;}

.gameListCon .bm,
.gameListCon .classList,
.gameListCon h3,
.gameListCon p{ display:none;}
.gameListCon{ width:100%;  padding-bottom:30px; overflow:hidden;}
.gameListCon li{ width:126px; height:196px; float:left; display:inline; margin:20px 14px 0; position:relative;}
.gameListCon li a{ border:1px solid #dfdfdf; padding:2px; display:block;}
.gameListCon li a:hover{ border:2px solid #c00; padding:1px; float:left;}
.gameListCon li img{ width:120px; height:160px; display:block;}
.gameListCon li h2{ position:absolute; left:-22px; bottom:2px; width:140px; font-size:12px; color:#333; font-weight:normal; text-align:center; height:20px; line-height:20px; font-family:"simsun"; overflow:hidden;}