/*the global*/
body{font-family: "Microsoft Yahei"; min-width:1000px; font-size: 14px; color: #333}
a{color:#5c5c5c;}
a:hover{_direction: ltr;}
.global-footer{color:#9e9e9e; background:#1b1b1b; padding: 20px 0}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{color:#9e9e9e;}
.mask{z-index:-1; width: 100%; height: 100%; _height: 600px; position: absolute; top:0; left:0; background:#000; filter:alpha(opacity:70); opacity:.70}
:root .mask{filter:none \0}
.ico{background: url(/ue1/a/newgame/index/2016/v2.8.7/img/sprite.png); overflow: hidden; display: inline-block; vertical-align: middle;}
.ico-dl{width:19px; height: 19px; background-position: -171px -1px; margin: 0 8px 5px 0; _margin: 20px 8px 20px 0}
.c-tx1, a.c-tx1{color:#999;}
.c-tx2, a.c-tx2{color:#fd756d;}
.avatar{display: block;}
.wrapper{overflow: hidden; width: 100%; background:#f5f5f5 url(/ue1/a/newgame/index/2016/v2.8.7/img/bg-ft.jpg) no-repeat center bottom; padding-bottom: 50px;}
.header{position: relative; height: 400px; z-index: 9; overflow: hidden;}
.header .game-img{position: absolute; z-index: -1; left: 50%; top: 0; margin-left: -960px;}
.header .mask1{background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000'); z-index:-1; width: 100%; height: 100%; _height: 600px; position: absolute; top:0; left:0;}
.header .text-box{position: absolute; width: 1000px; bottom:30px; left: 50%; margin-left: -500px;}
.header .text-box .tit{font-weight: bold; color: #fff; font-size: 42px; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #707070}
.header .guide{overflow: hidden; *zoom:1; padding: 10px 0 0}
.header .guide-c1{width:162px; float: left; background: url(/ue1/a/newgame/index/2016/v2.8.7/img/sprite.png) no-repeat 0 16px; text-align: center; margin-top: 5px;}
.header .guide-c1 .t1{font-weight: bold; color:#fd756d; font-size: 30px;}
.header .guide-c1 .t2{color:#616161;}
.header .guide-c2{overflow: hidden; *zoom:1; color: #fff}
.header .guide-c2 .txt{padding:5px 0 0 25px; line-height: 1.8;}
.content{padding-top:30px; width: 1000px; margin: 0 auto}
.game-tab{font-size: 0; text-align: center;}
.game-tab li{display: inline-block; *display: inline; *zoom:1; width:126px; text-align: center; margin: -1px 0 0 -1px; position: relative; z-index: 9;background:#fff;}
.game-tab li a{color: #333; display: block; border:1px solid #e5e5e5; padding: 15px 5px 10px; *background: #fff}
.game-tab li a:before{content: ' '; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.game-tab li a:hover{color: #fff; *background: #fd756d}
.game-tab li a:hover:before{background:#fd756d; animation: fadein .8s 1 both;}
.game-tab li .current{background:#fd756d; color: #fff;}
.game-tab li a:hover .avatar{animation: bouncein 1.2s 1 both;}
@-webkit-keyframes fadein {
	0% {
	opacity: 0;
	filter: alpha(opacity=0)
}
100% {
	opacity: 1;
	filter: alpha(opacity=100)
}
}
@keyframes fadein {
	0% {
	opacity: 0;
	filter: alpha(opacity=0)
}
100% {
	opacity: 1;
	filter: alpha(opacity=100)
}
}
@-webkit-keyframes bouncein {
	0%,100%,20%,40%,60%,80% {
	-webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
	animation-timing-function: cubic-bezier(0.215,.61,.355,1)
}
0% {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3)
}
20% {
	-webkit-transform: scale3d(1.1,1.1,1.1);
	transform: scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform: scale3d(.9,.9,.9);
	transform: scale3d(.9,.9,.9)
}
60% {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale3d(1.03,1.03,1.03);
	transform: scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform: scale3d(.97,.97,.97);
	transform: scale3d(.97,.97,.97)
}
100% {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}
}
@keyframes bouncein {
	0%,100%,20%,40%,60%,80% {
	-webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
	animation-timing-function: cubic-bezier(0.215,.61,.355,1)
}
0% {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3)
}
20% {
	-webkit-transform: scale3d(1.1,1.1,1.1);
	transform: scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform: scale3d(.9,.9,.9);
	transform: scale3d(.9,.9,.9)
}
60% {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale3d(1.03,1.03,1.03);
	transform: scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform: scale3d(.97,.97,.97);
	transform: scale3d(.97,.97,.97)
}
100% {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}
}
@-webkit-keyframes pulse {
	0% {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}
50% {
	-webkit-transform: scale3d(1.05,1.05,1.05);
	transform: scale3d(1.05,1.05,1.05)
}
100% {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}
}
@keyframes pulse {
	0% {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}
50% {
	-webkit-transform: scale3d(1.05,1.05,1.05);
	transform: scale3d(1.05,1.05,1.05)
}
100% {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}
}
@-webkit-keyframes zoomin {
	0% {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3)
}
50% {
	opacity: 1;
	filter: alpha(opacity=100)
}
}
@keyframes zoomin {
	0% {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3)
}
50% {
	opacity: 1;
	filter: alpha(opacity=100)
}
}
.game-tab li .avatar{margin:0 auto 5px;}
/*.game-tab li img{width: 90px; height: 90px;}*/
.game-tab li .txt{display: block; font-size: 16px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.fixed{position: fixed; _position: absolute; top: 45px; left: 0; width: 100%; height:112px;z-index: 1000;}
.fixed li{width:85px; background: none}
.fixed li a{color:#777; border: 0; background: none}
/*.fixed li img{width:65px; height: 65px;}*/
.fixed li .txt{font-size: 12px;}
.tab-nav .mask{width: 100%; height: 100%; position: absolute; left:0; top:0; display: none; }
.tab-nav-in{position: relative;}
.pn-game{z-index: 9}
.mod-game{background: #fff; border: 1px solid #e2e2e2; margin:30px 0; box-shadow: 0 1px 1px rgba(0,0,0,.1)}
.mod-video{height:562px; background: #000}
.mod-video embed{width: 100%; height: 100%;}
.mod-info{padding:25px 30px;}
.mod-info-c1{position: relative; padding-bottom:25px; border-bottom: 1px dashed #e5e5e5}
.mod-info-c1 .text-box{padding-right:280px;}
.mod-info-c1 .text-box .tit{font-weight: bold; font-size:32px; padding-bottom: 12px;}
.mod-info-c1 .text-box .tit span{font-weight: normal; font-size:18px;}
.mod-info-c1 .tag{display: inline-block; vertical-align: middle; color:#fd756d; padding: 0 10px; line-height:23px; border-radius: 3px; border: 1px solid #dcdcdc; margin-right: 5px;}
.mod-info-c1 .btn-download{position: absolute; width:260px; height: 60px; background:#fd756d; text-align: center; line-height:60px; color: #fff; font-size:22px; right: 0; _right: 30px; top: 15px; border-bottom: 1px solid #c2c2c2}
.mod-info-c1 .btn-download:hover{background:#ff7f77}
.mod-info-c2{padding: 20px 0 0; line-height: 1.8}
.mod-info-c2 p{padding-bottom: 15px;}
.slick-list{position: relative; overflow: hidden; display: block;}
.slick-list:focus{outline: none;}
.slick-track{display: block;position: relative; left: 0; top: 0; *zoom: 1;}
.slick-track:before, .slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track,.slick-loading .slick-slide{visibility: hidden;}
.slick-slide{float: left; height: 100%;min-height: 1px; display: none;}
.slick-slide img,.slick-initialized .slick-slide{display: block;}
.slick-loading img{display: none;}
.slick-syncing .dragging{cursor: pointer; cursor: hand;}
.focus-thumb{width:938px;height:610px;overflow: hidden;position: relative; margin: 0 auto; z-index: 9;}
.focus-thumb .focus-num{position:absolute;bottom:100px;right:10px;color: #fff;font-size: 20px;z-index: 130; font-style: italic; width: 50px;}
.focus-thumb .focus-num .cur-num{color: #ff0;font-size:40px;}
.focus-thumb .slick-list{width:938px;}
.focus-thumb .focus-for .focus-item{position:relative;*zoom:1;display: block;}
.focus-thumb .pic-box,.focus-thumb .focus-for .txt-box,.focus-thumb .focus-for .txt-in{display: block;}
.focus-thumb .focus-for .txt-box{position:absolute;bottom: 0; left: 0;width: 100%;z-index:11;}
.focus-thumb .focus-for .txt-in{padding:10px 50px 10px 10px;color: #ccc; font:normal 14px/1.5 "Microsoft Yahei";}
.focus-thumb .focus-for .txt-in .tit{display:block;color:#fff;font:bold 16px/1.5 "Microsoft Yahei";}
.focus-thumb .focus-for .mask{position: absolute; z-index:-1;left:0; top:0; width:100%;background-color: #000;opacity: .8;filter: alpha(opacity=60); height: 75px;}
.focus-thumb .focus-for .slick-slider{display: block;height:100%;}
.focus-thumb .focus-for .slick-slide img{display:block;width:933px;height: 529px; margin: 0 auto}
.focus-thumb .focus-nav{margin-top: 10px;}
.focus-thumb .focus-nav .slick-slide{position: relative;}
.focus-thumb .focus-nav .current{background: url(/ue3/a/newgame/index/2016/v2.8.7/img/mask.png); width: 130px; height:65px; position: absolute; top: 5px; left:50%; margin-left: -65px; overflow: hidden; opacity:.7; z-index: 9; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue3/a/newgame/index/2016/v2.8.7/img/mask.png',enabled=true,sizingMethod=scale);}
.focus-thumb .focus-nav .slick-current .current{top:0px; height: 5px; background:#27b2f0;opacity:1;_filter:none}
.focus-thumb .focus-nav .slick-slide img{display:block; width:130px; height:65px; padding-top: 5px; margin: 0 auto}
/* Arrows */
.focus-thumb .slick-prev, .focus-thumb .slick-next{position: absolute;z-index:1000;top: 50%;display: block;height: 60px;width: 40px;line-height: 0;font-size: 0;cursor: pointer;border: none; outline: none; margin-top: -37px;}
.focus-thumb .focus-for .slick-disabled{opacity: 0.25;}
.focus-thumb .slick-prev{left: 0;background-position: 0 0;}
.focus-thumb .slick-prev:hover{background-position:-50px 0;}
.focus-thumb .slick-next{right: 0;background-position: -100px 0;}
.focus-thumb .slick-next:hover{background-position:-150px 0;}
.pn-hd{padding-bottom:20px;}
.pn-hd .tit{font-size:24px;}
.comm-plist{overflow: hidden; *zoom:1; margin-right: -13px}
.comm-plist li{float: left; width: 240px; margin:0 13px 0 0}
.comm-plist li a{color: #333;}
.comm-plist li a:hover{text-decoration: underline;}
.comm-plist li .txt{display: block; height: 40px; overflow: hidden; padding-top: 5px;}
.more{text-align: center; font-size: 18px; color:#6f6f6f; padding:50px 0 0; display: none;}

.mod-info .gb-gallery-viewport{border: 1px solid #eee}

.pic-box { position: relative; }
.pic-box .mask{ z-index: 1}
.pic-box a:hover .mask{display: none;}
:root .mask{ filter:none \0}
.ico-video {background: url(/ue1/a/newgame/index/2016/v2.8.4/img/sprite.png); overflow: hidden; display: inline-block; vertical-align: middle; width:80px; height:80px;background-position: 0 -306px; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; z-index: 3}

.ue-gallery a:hover, .ue-gallery a:active, .ue-gallery a:focus, .ue-gallery a { outline: 0 !important; }