@charset "UTF-8";

body{ background-color: #000;}
.containerIndex{ position:relative; width:100%; height: 800px; overflow:hidden; clear: both;}
.container{ position:relative; width:100%; height: 900px; overflow:hidden; clear: both; margin-top: -100px;}
.video{ position:absolute; left: 0px; top: 0px; width: 100%; height: 800px;}
.coverWrap{ width: 1024px; margin: 0 auto; position: relative; }
.flash{ width: 2000px; height: 900px; position: absolute; left: 50%; top: 0; margin-left: -1000px; }
.mouse{ position: fixed; top: 300px; right: 300px; width: 59px; height: 75px;}

.shadowLayer{ width: 100%; height: 100%; background-color: #000; position: fixed; top: 0px; left: 0px; z-index: 999;}
.shadowLayer p{ position:absolute; top: 50%; left: 50%; margin-left: -80px; margin-top: -50px; width: 300px; height: 100px; line-height: 100px; text-align: center; color: #fff;}
.shadowLayer p span{ float: left;  display: block; color: #fff; font-size: 100px; margin-right: 20px; text-shadow: 1px 1px 30px #fff;}

/* 操作面板按钮 */
.operaPanel{ position: absolute; left: 50%; bottom: -25px; margin-left: -158px; width: 316px; height: 220px; display: none;}
.operaPanel p{ height: 30px;}
.uname,.logout{ display: block; float: left; color: #7a7a7a; font-size: 12px; line-height: 30px; cursor: pointer;}
.logout{ margin-left: 10px; display: none;}
.logout:hover{ text-decoration: none;}
.joinInfo,.record{ display: block; float: right; color: #d97d3e; font-size: 12px; line-height: 30px;}
.record{ margin-right: 40px; display: none;}

.joinBtn,.shareBtn,.backBtn{ display: block; margin-bottom: 20px; width: 316px; height: 49px; }
.joinBtn{ background-image: url(/mu/images/cover/joinBoy.png); }
.shareBtn{ background-image: url(/mu/images/cover/opera-btns.jpg); background-position: 0px -50px; }
.backBtn{ background-image: url(/mu/images/cover/opera-btns.jpg); background-position: 0px -101px; }

/*fb分享按钮*/
.share-fb-btn{ position: absolute; right: 10px; top: 112px; width: 60px; height: 60px;background-image:url(/mu/images/cover/fbbtn.jpg); }
.share-fb-btn:hover{ cursor:pointer; }

/*弹框提示信息和宝箱盒子*/
.showInfo{ position: absolute; left: 50%; top: -300px; margin-left: -220px; width: 440px; height: 180px; background-color: #020202; border: 1px solid #656565; z-index: 100;}
.closeBtn{ position: absolute; right: 0px; top: 0px;width: 35px; height: 35px; background-color: #656565; font-size: 20px; color: #020202; text-align: center; line-height: 35px; transition:all 1s ease;}
.closeBtn:hover{ text-decoration: none; color: #fff;}
.title{position: absolute; left: 75px; top: 35px; width: 310px; height: 25px; line-height: 30px; text-align: center; color: #e2974b;}
.content{ position: absolute; left: 35px; top: 85px; width: 380px; height: 80px; line-height: 20px; color: #909090;}
.operaPanel .code{ position: absolute; left: 80px; top: 125px; width: 285px; height: 20px; line-height: 20px; font-size: 14px; border: 1px solid #646464;  background-color: #333333; color: #c98b49; text-align: center; display: none;}

.joinImg{ position: absolute; left: 50%; top: -370px; margin-left: -542px; width: 1085px; height: 300px; display: none;}

.kingbox{ position: absolute; left: 50%; top: -340px; margin-left: -250px; width: 500px; height: 240px; background-color: #020202; border: 1px solid #656565; z-index: 200;}
.boxlist{ position: absolute; top: 50px; left: 10px; width: 480px; height: 160px;}
.boxlist a{ display: block; width: 160px; height: 160px; float: left; background-image: url(/mu/images/cover/kingbox.jpg)}
.boxlist a:hover{ background-position: 0px -165px;}

/* 形象页footer */
.footer{ width: 100%; height: 100px; background-color: #000; clear: both;}
.footerWrap{ position: relative; width: 1024px; height: 100px; margin: 0 auto;}
.copyright{ height: 55px; position: absolute; left: 0; bottom: 30px; color: #6e6e6e; padding: 0 60px; font-size: 12px; }

#loginPart{ position: fixed; left: 50%; top: 50%; margin-left: -280px; margin-top: -250px; z-index: 999; display: none; }
.loginBgShadow{ width: 100%; height: 100%; background-color: #000; position: fixed; top: 0px; left: 0px; opacity: 0.8; filter:alpha(opacity=80); z-index: 100; display: none;}