@charset "UTF-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,em,img,samp,small,strong,sub,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{padding:0;margin:0}
table{font-size:12px;border-collapse:collapse;border-spacing:0;margin:0 auto!important}
tr,th,td{font-size:12px}
ol,ul{list-style:none}
li{list-style-type:none;vertical-align:bottom}
img{vertical-align:top;border:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
a{color:#080000;text-decoration:none;outline:0}
input{outline:0}
a:hover{text-decoration:none}
a,button{cursor:pointer}
.clear{clear:both}
.cls{*zoom:1}
.cls:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:"."}
.hidden{display:none}
.a-nb{background:url(about:blank);text-indent:-9999px}
.wPage{width:1200px;margin:0 auto}
.f-l{float:left;display:inline}
.f-r{float:right;display:inline}
.i-b{display:inline-block;vertical-align:top;*zoom:1}
.i-b{*display:inline}
input::-webkit-input-placeholder{color:#141315}
input::-ms-input-placeholder{color:#141315}
input::-moz-input-placeholder{color:#141315}
body{background:#262528;width:auto!important;width:1200px;min-width:1200px}
.s-body input::-webkit-input-placeholder{color:#333}
.s-body input::-ms-input-placeholder{color:#333}
.s-body input::-moz-input-placeholder{color:#333}
.time{float:right;color:#393939}
.mod{height:300px;width:300px;overflow:hidden}
.newsWrap{position:relative;z-index:5}
.content{zoom:1;min-width:1200px;overflow:hidden;position:relative;z-index:2}
.btm-bg{background:url(images/btm.jpg) no-repeat center bottom;padding-bottom:80px}
.main{color:#ceb28d}
.main a{color:#a5a5a5}
.main a:hover{color:#d8a55b}
.header{height:480px;position:relative}
.top-flash{height:480px;position:absolute;left:0;top:0;width:100%}
.header .logo{display:block;height:144px;width:224px;position:absolute;top:0;left:0;background:url(images/logo.png) no-repeat center top;text-indent:-9999px;z-index:5}
.main-nav{position:absolute;top:15px;right:0;width:546px;z-index:4}
.main-nav li{float:left;width:80px;margin-right:10px;border-right:solid 1px #d1ae85;font-size:14px;text-align:center}
.main-nav .last{border-right:none}
.main-nav li a{color:#635851}
.main-nav li a:hover{color:#000}
.main-nav li dl{padding:0 10px 0 2px}
.main-nav dt{font-size:16px}
.main-nav dt a{color:#010101}
.mid-code-box{position:relative;z-index:2}
.mid-code{height:215px;width:215px;position:absolute;right:0;top:-500px;transition:top .4s ease;z-index:9}
.mid-code img{height:215px;width:215px}
.mid-show .mid-code{display:block;top:22px}
.kv-top{position:absolute;width:2000px;height:836px;left:50%;margin-left:-1000px;z-index:1}
.kv-top-img{position:relative;overflow:hidden;clear:both}
.kv-top-img li img{width:2000px;height:836px}
.kv-top-num{position:absolute;top:455px;right:50%;margin-right:-600px;z-index:2}
.newsPage .kv-top-num{top:500px}
.kv-top-num li{float:left;margin-left:6px;border-radius:50%;overflow:hidden;width:15px;height:15px;font-size:0;line-height:0;text-indent:-9999em;background:#7A7F90;cursor:pointer}
.kv-top-num li:hover,.kv-top-num li.focus{width:35px;border-radius:15px;background:#c1a465}
.tips{position:absolute;bottom:2px;left:0;font-size:14px}
.qq-group{display:block;position:absolute;bottom:2px;right:0}
.header .mark{position:absolute;height:36px;width:282px;background:url(images/mark.png) no-repeat left top;left:604px;bottom:-45px}
.newsPage .header .mark{bottom:0}
.section-1{position:relative;z-index:6}
.server-list{height:59px;width:615px;margin-top:7px;overflow:hidden;background:url(images/sr-bg.png) no-repeat left top;position:relative;zoom:1}
.server-list .sr-h-con{position:absolute;left:0;top:0;color:#f2b25a;font-size:16px;width:52px;height:40px;padding:9px 0;text-align:center}
.sr-h-con p{height:20px;line-height:20px}
.sr-b-con{margin-left:62px;position:relative;color:#848282;height:59px}
.sr-b-con a{color:#848282}
.sr-b-con .ser-list{width:390px}
.ser-list li{display:inline;float:left;padding-left:16px;background:url(images/icon.jpg) no-repeat left 0;line-height:18px;width:172px;margin:5px 4px 0 0}
.ser-list span{margin-left:6px}
.indexPage .quick-ingame{position:absolute;left:192px;top:30px;line-height:18px}
.quick-enter-input{height:18px;width:45px;line-height:18px;background:#e6b97e;text-align:center;vertical-align:middle;margin:0 5px}
.quick-ingame .quick-enter-click{display:inline-block;margin-left:2px;vertical-align:middle;height:18px;width:58px;text-align:center;line-height:18px;color:#d8a55b;background:#A95832;border-radius:2px}
.quick-ingame .quick-enter-click:hover{color:#fff}
.more{display:block;height:15px;line-height:15px;padding-left:15px;background:url(images/icon.jpg) no-repeat left 0;position:absolute}
.server-list .srmore{background-position:left -26px;color:#d8a55b;left:390px;top:22px}
.advert{height:64px;overflow:hidden;margin-bottom:2px;width:300px}
.advert a{float:left;width:72px;height:64px;margin-left:4px;color:#d8a55b;font-size:14px;text-align:center;background:url(images/cmb.png) no-repeat -366px -38px;overflow:hidden}
.advert a i{display:block;height:34px;width:34px;margin:4px auto 2px;background:url(images/cmb.png) no-repeat left -126px;transition:all .2s ease}
.advert a span{display:inline-block}
.advert .ad-1{margin-left:0}
.advert .ad-1 i{background-position:-1px -126px}
.advert .ad-2 i{background-position:-36px -126px}
.advert .ad-3 i{background-position:-71px -126px}
.advert .ad-4 i{background-position:-106px -126px}
.advert .ad-1:hover i{background-position:-1px -161px}
.advert .ad-2:hover i{background-position:-36px -161px}
.advert .ad-3:hover i{background-position:-71px -161px}
.advert .ad-4:hover i{background-position:-106px -161px}
.section-2{height:300px;overflow:hidden;position:relative;background:#171311;z-index:2}
.game-box{position:absolute;left:0;top:0;background:#1e1612}
.startgame{height:80px;background:#b76f35}
.login{height:220px;overflow:hidden}
.login-t{height:36px;font:18px/36px "Microsoft Yahei";text-align:left;color:#CEF0FA;padding-left:60px;display:none}
.login-c{height:220px;width:218px;margin:0 auto;color:#fff;overflow:hidden}
.login-c a:hover{color:red}
.l-message{height:20px;overflow:hidden;margin:10px 0}
.l-name{width:180px;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_width:178px}
.l-passport{color:#2c87cd;font-weight:700}
.l-btn{height:20px;font:12px/18px "Microsoft Yahei";margin-bottom:15px}
.l-btn a{background:#fff;color:#000;width:66px;height:18px;border:1px solid #dbdbdb;display:inline-block;float:left;text-align:center;_line-height:20px}
.l-btn a:hover{background:#59be52;border:1px solid #59be52;color:#fff}
.l-pay,.l-modify{margin-right:7px}
.l-usergame{height:130px;overflow:hidden}
.recent-game{margin-bottom:12px}
.history-game{height:96px;overflow:auto}
.history-game li{height:16px;line-height:16px;overflow:hidden;float:left;margin-bottom:8px;display:inline-block;clear:both}
.history-game a{height:100%;display:block}
.history-game a:hover span{color:red}
.history-game span{display:inline-block;margin-left:10px}
.log{width:230px}
.loged{display:none}
.kv-container{margin:0 300px;width:600px;height:300px;overflow:hidden}
.kv-container .con{position:relative;height:300px}
.kv-container .kv-img li{cursor:pointer;float:left;display:inline}
.kv-container .kv-img li,.kv-img li img{height:300px;width:600px}
.kv-container .kv-num{bottom:10px;left:0;position:absolute;width:100%;text-align:center;font-size:0}
.kv-container .kv-num li{display:inline-block;*display:inline;zoom:1;width:21px;height:21px;background:url(images/kv.png) no-repeat -29px;cursor:pointer;margin-right:8px;overflow:hidden}
.kv-container .kv-num li.focus{background-position:0 0}
.news{position:absolute;right:0;top:0;overflow:hidden}
.news .hd,.news .news-cnt{margin:0 12px}
.news-nav{height:30px;text-align:center;font-size:14px;margin-top:12px}
.news-nav li{height:30px;width:64px;display:inline;float:left;margin-left:4px}
.news-nav li a{display:block;color:#848282;border-left:solid 1px #848282;height:24px;margin-top:8px}
.news-nav .first a{border-left:none}
.news-nav li.cur{background:url(images/newscur.png) no-repeat center -8px}
.news-nav li.cur a{color:#d8a55b}
.news-hot{height:28px;line-height:28px;background:#000;font-size:14px;text-align:center;margin:10px 0}
.news-hot a{color:#d8a55b}
.news-hot .title{width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-cnt .bd{margin:0 4px;height:142px;overflow:hidden}
.news-cnt li{margin-bottom:4px;line-height:20px;width:265px;height:20px;overflow:hidden;float:left}
.news-cnt li a{float:left;display:inline-block}
.news-cnt li .n-link{width:220px;height:20px;overflow:hidden}
.news-more{position:absolute;right:20px;bottom:20px;background-position:left -50px}
.section-3{margin:10px 0}
.section-3 .t,.section-4 .t,.section-5 .t{color:#5e6062;font-size:18px;line-height:20px}
.section-3 .s-con{height:300px;margin-top:6px;overflow:hidden}
.gonglue .list{float:left;display:inline;width:300px;position:relative;cursor:pointer;overflow:hidden}
.gonglue .list .g-img{display:block;height:100%;overflow:hidden}
.gonglue i.lb{position:absolute;top:0;left:0;display:block;height:0;width:300px;background:#000;opacity:.8;filter:Alpha(Opacity=80);transition:height .4s ease}
.gonglue .gl{position:absolute;left:0;top:0;height:0;width:300px;overflow:hidden;transition:height .4s ease}
.gonglue .gl ul{margin-top:20px}
.gonglue .gl li{line-height:22px;padding-bottom:2px;border-bottom:solid 1px #262528;margin:5px 12px;width:265px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gonglue .gl li .n-link{*display:inline-block;*width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*vertical-align:middle}
.gonglue .gl .more{background:url(images/cmb.png) no-repeat -245px -127px;float:right;margin:10px 20px 0 0;position:static}
.gonglue .list .bg{transition:all .4s ease}
.gonglue .gl-hover .bg{transform:scale(1.1)}
.gonglue .gl-hover i.lb,.gonglue .gl-hover .gl{height:300px}
.list .desc{position:absolute;left:20px;top:210px;transition:all .4s ease}
.list .desc .t{color:#d8a55b;font-size:24px;line-height:24px}
.list .desc .m{display:block;height:18px;width:52px;background:url(images/cmb.png) no-repeat -152px -128px;text-indent:-9999px;margin:8px 2px 0}
.list:hover .desc{top:200px}
.section-4 .s-con{height:300px;overflow:hidden;position:relative;margin-top:6px}
.roleWrap{padding-left:20px;width:580px;height:300px;background:#0e0b0a;overflow:hidden;position:relative}
.roleWrap .r-hd{margin-top:10px}
.roleWrap .r-hd li{float:left;display:inline;font-size:16px;margin:0 10px;width:32px;line-height:24px}
.roleWrap .r-hd a{color:#a5a5a5}
.roleWrap .r-hd li.cur a{color:#d8a55b}
.r-hd .line{height:1px;overflow:hidden;line-height:0;background:#a5a5a5;width:156px;margin-top:5px;position:relative}
.r-hd .line i{display:block;background:#d8a55b;width:52px;height:100%;position:absolute;top:0;left:0;transition:all .2s ease}
.role-con{color:#a5a5a5;font-size:14px}
.role-detail{position:relative;display:none}
.role-detail .r-desc{position:absolute;top:25px;left:-300px;width:290px}
.curElem .r-desc{left:10px}
.weapon{width:50px;position:absolute;left:0;top:0}
.level{width:100px;position:absolute;left:80px;top:0}
.level i.n-star{height:15px;width:90px;display:block;background:url(images/star.png) no-repeat 0 -17px}
.level i.l-star{height:15px;display:block;width:0;background:url(images/star.png) no-repeat 0 0}
.lv-1 i.l-star{width:72px}
.lv-2 i.l-star{width:63px}
.lv-3 i.l-star{width:54px}
.role-con b{display:block;color:#d5d5d5}
.descration{position:absolute;left:0;top:60px;width:285px;height:88px}
.readmore{display:block;height:25px;width:98px;background:url(images/cmb.png) no-repeat -152px -148px;position:absolute;top:175px;left:0}
.readmore:hover{background-position:-152px -174px}
.role-detail .r-per{height:300px;width:300px;position:absolute;right:-300px;top:-40px}
.curElem .r-per{right:0}
.ziliao{position:absolute;top:0;left:600px;background:#1c1819}
.ziliao .t,.honor-list .t{margin:14px 0 4px 18px;line-height:20px;color:#fff;font-size:16px}
.zl-btn{float:left;height:86px;width:99px;border-top:solid 1px #323134;border-right:solid 1px #323134;position:relative;overflow:hidden}
.ziliao .con a.nbr{border-right:none}
.zl-btn i{display:block;height:44px;width:44px;background:url(images/z-icon.jpg) no-repeat 0 0;position:absolute;left:27px;top:10px;transition:all .4s ease}
.zl-btn span{display:block;line-height:22px;top:60px;left:0;text-align:center;width:100%;position:absolute;transition:all .2s ease}
.zl-btn-1 i{background-position:0 0}
.zl-btn-2 i{background-position:-101px 0}
.zl-btn-3 i{background-position:right 0}
.zl-btn-4 i{background-position:0 -88px}
.zl-btn-5 i{background-position:-101px -88px}
.zl-btn-6 i{background-position:right -88px}
.zl-btn-7 i{background-position:0 -175px}
.zl-btn-8 i{background-position:-101px -175px}
.zl-btn-9 i{background-position:right -175px}
.zl-btn:hover i{top:-96px}
.zl-btn:hover span{top:32px}
.honor-list{position:absolute;right:0;top:0;background:#0e0b0a}
.honor-list .con{border-top:solid 1px #323134;margin:2px 18px 0;color:#a5a5a5;padding-top:10px}
.select select{width:100px;margin:0 3px}
.honor-list .res{padding:4px 10px 4px 14px}
.honor-list .res span{display:inline-block;margin-left:8px;border-bottom:solid 1px #323134;text-align:center;padding:2px 0}
.res .r{width:50px}
.res .n{width:132px;text-align:left}
.res .w{width:78px}
.res .l-t span{color:#d8a55b}
.honor-list .res li{margin-bottom:2px}
.section-5{margin:10px 0 0}
.section-5 .s-con{height:100px;margin-top:6px;overflow:hidden;position:relative}
.kefu{width:580px;height:100px;background:#1f1a18;padding-left:20px;color:#a5a5a5;font-size:14px;position:absolute;left:0;top:0;line-height:52px}
.kf-t{font-size:16px;color:#fff;margin-right:20px}
.kefu li{margin:0 5px;float:left}
.kefu li a,.n-quick-ingame .fastin-btn{display:inline-block;margin-left:5px;width:66px;height:18px;line-height:18px;background:url(images/cmb.png) no-repeat -366px 0;text-align:center;color:#d8a55b}
.kefu li a:hover,.n-quick-ingame .fastin-btn:hover{background-position:-366px -19px}
.links{width:580px;height:100px;background:#0e0b0a;padding-left:20px;position:absolute;left:600px;top:0;font-size:14px;overflow:hidden;line-height:52px}
.links .hd{width:64px;font-size:16px;color:#fff;margin-right:20px}
.links .con{width:480px;margin:0 5px}
.links .con a{white-space:nowrap;display:inline-block;margin:0 2px}
.newsPage .header{height:522px}
.m-left{width:300px;background:#343130}
.newsPage .n-box{background:#1e1612}
.n-server{height:325px;overflow:hidden;background:#23201e;color:#cecece;position:relative}
.n-server .hd{height:42px;line-height:42px;font-size:20px;text-align:center;background:#343130}
.n-server .hd p{display:inline-block;padding-left:30px;background:url(images/s-hd.jpg) no-repeat 0 10px}
.n-quick-ingame{background:#1d1a18;height:45px;line-height:45px;text-align:center;font-size:14px}
.n-s-int{height:18px;line-height:18px;width:35px;background:#ccc;border:solid 1px #999;margin:0 4px;text-align:center}
.n-s-list li{background:#23201e;height:28px;padding:7px 10px 0 42px}
.n-s-list li:nth-child(even){background:#1d1a18}
.n-s-list li a{display:block;height:22px;padding-left:16px;background:url(images/n-s-ico.png) no-repeat left 6px;line-height:22px}
.n-s-list li span{margin-left:10px}
.n-s-btn{height:54px;background:#1d1a18;position:absolute;left:0;bottom:0;width:300px;font-size:14px;text-align:center}
.n-more-list{background:#373433;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#43403f),color-stop(100%,#2e2b2a));background:-moz-gradient(linear,left top,left bottom,color-stop(0,#43403f),color-stop(100%,#2e2b2a));width:225px;display:block;height:30px;margin:11px auto 0;color:#a5a5a5;line-height:30px;border-radius:4px}
.newsPage .code{background:#343130;margin-left:0}
.m-rgt{width:900px;background:#414040}
.news-tle{height:110px;background:url(images/news-tle.png) no-repeat 0 0;position:relative}
.news-tle .position{height:72px;position:relative}
.news-tle .position span{margin:28px 0 0 28px;color:#d8a55b;font-size:28px;line-height:30px}
.position .p-det{color:#704b1c;line-height:22px;position:absolute;bottom:0;right:10px}
.position .p-det a{color:#704b1c}
.n-main-nav{position:absolute;left:0;top:73px;height:37px;background:url(images/n-main-nav.png) repeat-x;width:900px}
.n-main-nav li{display:inline;float:left;height:36px;width:120px;text-align:center;line-height:36px;border-bottom:solid 1px #3b1a15;border-right:solid 1px #3b1a15}
.n-main-nav a{display:block;height:100%;background:url(images/n-main-nav.png) no-repeat 0 0}
.n-main-nav a:hover,.n-main-nav li.cur a{background:#784927;color:#fff}
.article-con{padding:20px 25px;min-height:583px;_height:583px}
.art-title{border-bottom:solid 1px #545353;padding:10px 2px 6px;text-align:center;color:#717171}
.art-title .hd{font-size:24px;color:#fff;margin:4px 0 8px}
.art-main{color:#cecece;font-size:14px;padding:18px 14px 0}
.news-list-main li{line-height:24px;height:24px;margin-bottom:4px;border-bottom:dashed 1px #545252;font-size:14px}
.news-list-main li span{float:right}
.news-list-main .time,.news-list-main a{color:#cecece}
.article-relation{overflow:hidden;margin:50px 10px;font-size:12px;color:#717171}
.article-relation dt{height:30px;line-height:30px;border-top:1px solid #8a8a8a;font-weight:700;margin:5px 0;color:#cecece}
.article-relation dd{width:290px;display:inline;float:left;margin:0 60px 0 20px;overflow:hidden;height:30px;line-height:30px}
.article-relation dd span{float:right}
.article-relation a{color:#717171}
.article-relation .time{color:#717171}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center}
.pageNum a{margin:3px;padding:5px 9px 3px;line-height:26px;border:1px solid #6d82a6;border-radius:15px}
.pageNum a:hover{background:#6d82a6}
.zl-list-bd .zl-list a:hover{color:#fff}
.zl-list-bd .zl-list{border-bottom:solid 1px #545353;height:50px;overflow:hidden;margin-bottom:12px}
.zl-list-bd .zl-9{border-bottom:none}
.zl-list-bd .zl-list .hd{width:140px;height:38px}
.zl-list .hd .t{display:block;height:38px;width:85px;padding-left:45px;background:#565555;line-height:38px;position:relative;color:#d8a55b;font-size:16px}
.zl-list .hd .icon{display:block;height:23px;width:23px;background:url(images/icon-zl.png) no-repeat 0 0;position:absolute;left:15px;top:8px}
.zl-list .hd .tr{display:block;height:0;width:0;line-height:0;overflow:hidden;border-style:solid;border-width:6px;border-color:#414040 #414040 #414040 #565555;position:absolute;top:13px;right:-12px}
.zl-list .hd .t:hover{background:#784927}
.zl-list .hd .t:hover .tr{border-color:#414040 #414040 #414040 #784927}
.zl-1 .hd .icon{background-position:0 0}
.zl-2 .hd .icon{background-position:0 -25px}
.zl-3 .hd .icon{background-position:0 -48px}
.zl-4 .hd .icon{background-position:0 -72px}
.zl-5 .hd .icon{background-position:0 -96px}
.zl-6 .hd .icon{background-position:0 -120px}
.zl-7 .hd .icon{background-position:0 -144px}
.zl-8 .hd .icon{background-position:0 -168px}
.zl-9 .hd .icon{background-position:0 -192px}
.zl-1 .hd .t:hover .icon{background-position:-23px 0}
.zl-2 .hd .t:hover .icon{background-position:-23px -25px}
.zl-3 .hd .t:hover .icon{background-position:-24px -48px}
.zl-4 .hd .t:hover .icon{background-position:-24px -72px}
.zl-5 .hd .t:hover .icon{background-position:-23px -96px}
.zl-6 .hd .t:hover .icon{background-position:-24px -120px}
.zl-7 .hd .t:hover .icon{background-position:-24px -144px}
.zl-8 .hd .t:hover .icon{background-position:-23px -168px}
.zl-9 .hd .t:hover .icon{background-position:-23px -192px}
.zl-list-bd .zl-list .bd{margin-left:145px;height:38px;line-height:38px}
.zl-list-bd .bd a{display:inline-block;line-height:22px;margin-left:10px;color:#a5a5a5}
.video-list-main li{display:inline;float:left;width:285px;text-align:center;margin:14px 0 0 13px}
.video-list-main li .tle{line-height:20px}
.video-list-main li a{display:block;height:285px;width:285px;overflow:hidden;position:relative}
.video-list-main li a i{height:100%;width:100%;display:block;background:url(images/video-btn.png) no-repeat center;position:absolute;left:0;top:0}
.video-list-main li img{transition:all .4s ease;height:285px;width:285px}
.video-list-main li a:hover img{transform:scale(1.1)}
.card-content{margin-bottom:30px;padding-left:100px;font-size:14px}
.card-content p{padding-top:10px;padding-bottom:10px}
.main .card-btn{display:inline-block;margin-right:30px;margin-bottom:0;padding:6px 12px;border:1px solid transparent;border-color:#357ebd;border-radius:4px;background-color:#428bca;background-image:none;color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.428571429;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.main .card-btn:hover,.main .card-btn:focus{border-color:#285e8e;background-color:#3276b1;color:#fff;text-decoration:none}
.video-alert{width:654px;height:368px;background:#505050;position:fixed;top:50%;left:50%;margin:-180px 0 0 -320px;z-index:999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));border:3px solid #505050;display:none}
.video-code{width:654px;height:368px}
.video-close{position:absolute;width:44px;height:44px;top:-3px;right:-44px;display:block;background:url(images/close.jpg) no-repeat}
.layout{display:none;position:absolute;left:0;top:0;height:100%;width:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:99}