@charset "utf-8";
body{background:#6d6a63}
.main{background:url('../images/game/gamebg_2.jpg')  center top no-repeat;}

.broadcast{height:60px; position:relative;}
.broadcast .loudspeaker{height:20px;overflow:hidden;}
.broadcast .loudspeaker .icon{background:url('../images/game/loudspeaker.png') no-repeat;width:14px;height:14px;float:left;margin:0px 10px 0 0}
.broadcast .loudspeaker .box{float:left}
.broadcast .loudspeaker .box div{height:18px;padding-top:2px;}
.broadcast .loudspeaker .box div a{color:#000;font-weight:bold;text-decoration:none;cursor:pointer}
.broadcast .loudspeaker .box div a:hover{text-decoration:underline;color:#00479d}


.broadcast .halve{float:right;height:60px;line-height:60px;}
.broadcast .halve a{color:#000}

.game{width:940px;margin:0 auto;clear:both}
.game .game-container{height:560px;width:940px;}

.game .feed .tab-panel{}
.game .feed .tab-panel .tab-header{height:30px;background:url('../images/feed-header.jpg') no-repeat;padding:15px 14px 0;}
.game .feed .tab-panel .tab-header li{float:left;cursor:pointer;display:_inline;margin-right:2px;}
.game .feed .tab-panel .tab-header li a{width:106px;height:30px;display:block}
.tab-header li a{background:url('../images/tab_sprite.gif') no-repeat;}

.tab-header li .fight{ background-position:-107px -30px;}
.tab-header li.active .fight,.tab-header li .fight:hover{background-position:0px -30px;} 

.tab-header li .selfinfo{background-position:-107px -60px;}
.tab-header li.active .selfinfo,.tab-header li .selfinfo:hover{background-position:0px -60px;}

.tab-header li .video{background-position:-107px 0px;}
.tab-header li.active .video,.tab-header li .video:hover{background-position:0px 0px;}

.game .feed .tab-panel .tab-body{background:url('../images/feed-body.jpg') repeat-y;padding:3px 19px 30px 19px;zoom:1;overflow:hidden}
.game .feed .tab-panel .tab-body .tab-content{display:none; padding:7px 41px 0px 21px;}
.game .feed .tab-panel .tab-body .tab-video{display:none; padding:0px;}
.video_item{ border:1px solid #d0aa77; margin-bottom:2px; background-color:#f0debf; padding:1px 2px; overflow:hidden;}
.video_content{ background-color:#e8d5b5;}
.video_content li{ float:left;height:60px;}
.video_item_me{ width:90px;}
.video_item_me img.avatar{ width:40px; height:40px; display:block; margin:0 auto;}
.video_item_me .nick,.video_item_other .other_nick{color: #000000;display: inline-block;overflow: hidden;text-align:center;text-overflow: ellipsis;white-space: nowrap;width: 90px;word-break: break-all;word-wrap: normal; font-weight:bold; padding-top:2px;}
.video_item_other .other_nick{ width:98px;}
.video_item_vs{ width:58px; background:url('../images/vs.gif') no-repeat center 13px;}
.video_item_other{ width:154px;}
.other_info{ height:40px; padding-left:29px;}
.other_info img{width:40px; height:40px; display:block; float:left; margin-right:8px;}
.other_info span{ line-height:20px;}
.video_result{ width:122px; background-position:center center; background-repeat:no-repeat; background-color:#f8e6c7;}
.video_item .win{ background-image:url('../images/win.gif');}
.video_item .faile{ background-image:url('../images/faile.gif');}
.video_date{ width:135px; line-height:60px; font-weight:bold; text-align:center;}
.video_content li.video_btn{ padding:15px 0 0px 0; height:45px; background-color:#f8e6c7; width:337px;}
.video_btn input,.video_btn .copy{ display:inline; float:left; margin-left:13px; color:#FFF; background:#7c1e00; border:1px solid #862e10; border-bottom-color:#877d6d;border-right-color:#877d6d; width:68px; height:18px; line-height:18px; cursor:pointer;}
.video_btn .copy{ position:relative; overflow:hidden; text-align:center;}
.video_btn .copy_swf{ position:absolute; left:0px; top:0px;width:68px; height:18px; overflow:hidden;}
.video_btn input.dis_btn{ background-color:#46241a;}

.game .feed .tab-panel .tab-body dl{float:left;width:100%;margin-top:5px;clear:both}
.game .feed .tab-panel .tab-body dl dt{float:left;height:96px;width:66px;display:inline;}
.game .feed .tab-panel .tab-body dl dt .avatar{width:50px;height:50px;border:solid 1px #BBB;margin:0 auto; display:block}
.game .feed .tab-panel .tab-body dl dt .avatar img{display:block;width:50px;height:50px;}
.game .feed .tab-panel .tab-body dl dt strong{text-align:center;font-weight:bold;font-size:13px;display:block;word-wrap:break-word;}
.game .feed .tab-panel .tab-body dl dd{margin-left:24px;float:left;width:750px}
.game .feed .tab-panel .tab-body dl dd h3{border-bottom:solid 1px #000;height:20px;line-height:20px;overflow:hidden;zoom:1}
.game .feed .tab-panel .tab-body dl dd h3 strong{float:left;color:#000;font-size:13px;font-weight:bold;padding:0 5px}
.game .feed .tab-panel .tab-body dl dd h3 .uin{float:left;}
.game .feed .tab-panel .tab-body dl dd h3 .status{float:left;width:24px;height:20px;}
.game .feed .tab-panel .tab-body dl dd h3 .r1{background:url('../images/win.gif') no-repeat}
.game .feed .tab-panel .tab-body dl dd h3 .r-1{background:url('../images/faile.gif') no-repeat}

.game .feed .tab-panel .tab-body dl dd p{word-wrap:break-word;padding:4px;line-height:14px;border-bottom:dotted 1px #000}
.game .feed .tab-panel .tab-body dl dd .handlers{padding:3px;}
.game .feed .tab-panel .tab-body dl dd .handlers .buttons{float:right;}
.game .feed .tab-panel .tab-body dl dd .handlers .buttons .btnstyle{margin-left:10px}
.game .feed .tab-panel .tab-body .pages{text-align:center}
.game .feed .tab-panel .tab-body .pages a{padding:5px;}
.game .feed .tab-panel .tab-body .pages em{display:none}
.game .feed .tab-panel .tab-footer{height:14px;background:url('../images/feed-footer.jpg') no-repeat;clear:both}

.btnstyle{float:left;height:19px;background:url('../images/btn.gif') left 0;padding-left:12px;cursor:pointer;text-decoration:none}
.btnstyle span{height:19px;line-height:19px;background:url('../images/btn.gif') right -19px;padding-right:12px;color:#FFF;float:left}

.btnstyle:hover{background-position: left -38px;}
.btnstyle:hover span{background-position: right -57px;}

/*json add*/
.clearfix:after{content:"\20";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.el-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity:60);opacity:0.6;z-index:1000;}
.el-mask .el-maskFrame{width:100%;height:100%;filter:alpha(opacity:1);opacity: 0.01;moz-opacity: 0.01;}
.subbox{position:absolute;z-index:1001;width:372px;height:292px;}
.subbox .subcontent{width:372px;margin:0 auto;height:292px;}
#gameContainer{ background-repeat:no-repeat;}
#flashContent{ overflow:hidden;}
.top_nav{ height:30px; padding-top:18px; float:left;}
.top_nav li{ float:left; padding-right:3px;}
.top_nav li a{ width:105px; height:30px; display:block;background:url('../images/top_btn_2013.png') no-repeat;}
.top_nav li#tbtn1 a{ background-position:0 -2px;}
.top_nav li#tbtn1 a:hover{ background-position:0 -34px;}
.top_nav li#tbtn1 a.on{ background-position:0 -66px;}
.top_nav li#tbtn2 a{ background-position:0 -98px;}
.top_nav li#tbtn2 a:hover{ background-position:0 -130px;}
.top_nav li#tbtn2 a.on{ background-position:0 -162px;}
.top_nav li#tbtn3 a{ background-position:0 -290px;}
.top_nav li#tbtn3 a:hover{ background-position:0 -322px;}
.top_nav li#tbtn3 a.on{ background-position:0 -354px;}
.top_nav li#tbtn4 a{ background-position:0 -194px;}
.top_nav li#tbtn4 a:hover{ background-position:0 -226px;}
.top_nav li#tbtn4 a.on{ background-position:0 -258px;}
.top_nav li#tbtn5 a{ background-position:0 -386px;}
.top_nav li#tbtn5 a:hover{ background-position:0 -418px;}
.top_nav li#tbtn5 a.on{ background-position:0 -450px;}
.top_nav li#tbtn6 a{ background-position:0 -482px;}
.top_nav li#tbtn6 a:hover{ background-position:0 -514px;}
.top_nav li#tbtn6 a.on{ background-position:0 -546px;}
.top_nav li#tbtn7 a{ background-position:0 -546px;}
.top_nav li#tbtn7 a:hover{ background-position:0 -578px;}

.contact{ width:75px; height:22px; background:url("../images/contact.png") no-repeat; left:550px; top:26px; position:absolute; }

.right_nav{float:right; text-align:right; width:270px;}
#topLink{ height:20px; line-height:20px; padding-top:14px; position:relative;}
#topLink .topIcon{ position:absolute; top:16px; left:0px;}
#topLink a{ color:#000;}
#topLink a.qzone_icon,#topLink a.pengyou_icon,#topLink a.weibo_icon{ display:block; _display:inline; float:left; width:16px; height:16px; background:url(../images/share_icons.png) no-repeat; cursor:pointer; margin-right:5px;}
#topLink a.qzone_icon{ background-position:0 -16px;}
#topLink a.pengyou_icon{ background-position:0 -32px;}
#topLink a.weibo_icon{ background-position:0 0px;}

.loudspeaker .box div a{ height:18px; line-height:18px; display:block; float:right;background:url('../images/game/loudspeaker.png') no-repeat left center; padding-left:20px;}

.coverflash{ height:29px; width:69px; position:absolute;  left:-69px; top:-29px;}
.coverflash iframe,.coverflash div{height:29px; width:69px;position:absolute; left:0px; top:0px;}
.coverflash a{ display:block;height:29px; width:69px; cursor:pointer; background:url('../images/btn_sethome_2.gif') no-repeat left top;}
.coverflash a:hover{ background-position:left -29px;}
.hotbar{ width:950px; height:71px; overflow:hidden; margin:0 auto;}
.toolbar{height:71px; background:#e6f4f7 url('../images/game/game_top.jpg') no-repeat;}