/*global*/
body{font-family: simSun;}
#wrap{background:#c2c2c2 url("https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/bg51.jpg") no-repeat 50% 0;min-width: 960px;max-width: 1920px;overflow: hidden;_zoom:1;}
#wrap-bg1{background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/bg80.jpg) no-repeat 50% 0;}
#NIE-topBar{height: 40px;background: #F4F4F4;}

/*main*/
#main{margin: 0 auto;}


/*header*/
#header{height:400px;width: 1000px;margin: 0 auto;position: relative;}
#header h1{text-indent: -9999px;}

#top-nav{font-size:16px;font-family:microsoft yahei;overflow:hidden;_zoom:1;margin-top:30px;margin-top:107px;}
#top-nav a{color:#b2b2b2;height:50px;display:block;border-bottom:5px solid transparent;float:left;text-decoration:none;line-height:50px;text-align:center;font-weight:bold;}
#top-nav a:hover{border-color:#e23e37;color:#fff;}
#top-nav .a1{width:120px;}
#top-nav .a2{width:175px;}
#top-nav .a3{width:130px;}
#top-nav .a4{width:158px;}
#top-nav .a5{width:140px;}
#top-nav .a6{width:150px;}
#top-nav .a7{width:125px;_width:120px;}


#aside{position:fixed;height:402px;width:50px;right:0;top:200px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav.png) no-repeat 0 0;_position:absolute;_background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav8.png) no-repeat 0 0;}
#aside a{display:block;width:50px;height:55px;transition:width .25s ease-in-out;position: absolute;right: 0;}
#aside .a1{top:74px;}
#aside .a2{top:127px;}
#aside .a3{top:182px;}
#aside .a4{top:237px;}
#aside .a5{top:292px;}
#aside .a6{top:347px;}
#aside .a1:hover{width:256px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav.png) no-repeat -55px -74px;_background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav8.png) no-repeat -55px -74px;}
#aside .a2:hover{width:215px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav.png) no-repeat -96px -127px;_background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav8.png) no-repeat -96px -127px;}
#aside .a3:hover{width:227px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav.png) no-repeat -84px -182px;_background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav8.png) no-repeat -84px -182px;}
#aside .a4:hover{width:210px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav.png) no-repeat -101px -237px;_background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav8.png) no-repeat -101px -237px;}
#aside .a5:hover{width:210px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav.png) no-repeat -101px -292px;_background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav8.png) no-repeat -101px -292px;}
#aside .a6:hover{width:210px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav.png) no-repeat -101px -347px;_background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/sidenav8.png) no-repeat -347px -347px;}


/*center*/
#center{height: 1400px;width: 1000px;margin:0 auto;position: relative;overflow: hidden;}
#center .row{*zoom:1;}
#center .row:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.big-pic{width:800px;margin:0 auto;height:600px;position:relative;margin-top:40px;background:#fff url('https://nie.res.netease.com/nie/qt/13/0718_chinajoy/images/loading.gif') no-repeat 50% 50%;}
.big-pic .row{height:56px;width:100%;position:absolute;bottom:0;background:#222;z-index: 10;}
		 .pic-count{float:left;width:90px;height:56px;position:relative;font-family:Georgia;}
				.current-num{color:#ee192c;font-size:30px;margin-left:10px;line-height:40px;position:absolute;top:0;width: 26px;text-align: right;}
				.split{color:#8b8a8b;font-size:27px;line-height:56px;margin-left:42px;}
				.all-num{position:absolute;color:#8b8a8b;font-size:19px;top: 26px;}
		 .pic-desc{margin-left:90px;color:#fff;font-size:16px;font-family:microsoft yahei;line-height:56px;}

.scroll-box{position:relative;}
	.prev,.next{width:24px;height:41px;position:absolute;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/prev.png) no-repeat 0 0;text-indent:-9999em;top:55px;cursor: pointer;}
	.next{background-position:-24px 0;right:40px;}
	.prev{left:40px;}
	.small-box{margin:30px auto;width:800px;position:relative;overflow:hidden;}
	.small-box ul{position:relative;width:2000px;height: 150px;overflow: hidden;}
	.small-box li{float:left;margin-right:1px;position:relative;height:150px;width: 199px;background:#fff url('https://nie.res.netease.com/nie/qt/13/0718_chinajoy/images/loading.gif') no-repeat 50% 50%;overflow: hidden;}
    .small-box li img{display: block;margin: 0 auto;cursor: pointer;}

	.current .border{width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;border:10px solid #000;border-color:rgba(0,0,0,.6);width: 179px;height: 130px;filter:Alpha(opacity=60);}


.recommend-pics{margin-top:90px;position:relative;width:1000px;overflow:hidden;}
.recommend-pics h3{font-family:microsoft yahei;font-size:22px;color:#222;height:60px;line-height:60px;border-bottom:1px solid #bbb;}
		.recommend-dts{overflow:hidden;_zoom:1;margin-top:30px;}
		.recommend-dts li{float:left;margin-right:1px;position:relative;height:150px;width: 199px;overflow: hidden;background:#fff url('https://nie.res.netease.com/nie/qt/13/0718_chinajoy/images/loading.gif') no-repeat 50% 50%;}
        .recommend-dts li img{display: block;margin: 0 auto;}
		.recommend-dts a{text-decoration:none;}
		.recommend-dts img{height:150px;}
		.recommend-dts p{position:absolute;bottom:0;height:40px;line-height:40px;width:189px;color:#fff;background:#111;height:0;padding-left:10px;font-size:14px;z-index:100;left:0;}
		.recommend-dts p span{position:absolute;right:10px;height:40px;line-height:40px;color:red;top:0;}

.games-list{margin-top:150px;}
.games-list h3{width:78px;height:68px;float:left;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/prev.png) no-repeat 0 -41px;text-indent:-9999em;margin-right:30px;}
.games-list li{overflow:hidden;float:left;margin-right:20px;}
.games-list .new span{float:left;width:11px;height:13px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/prev.png) no-repeat -61px 0;margin-top: 4px;margin-left: 4px;}
.games-list .hot span{float:left;width:11px;height:13px;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/prev.png) no-repeat -49px 0;margin-top: 4px;margin-left: 4px;}
.games-list li a{float:left;color:#cfcfcf;text-decoration:none;font-size:14px;line-height:34px;}
.games-list li a:hover{text-decoration:underline;}

.cover-next{position: absolute;height: 100%;width: 200px;right: 0;z-index: 101;opacity: 0;filter: Alpha(opacity=0);transition:opacity .3s ease-in-out;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/cnext.jpg) right 50% no-repeat;_height:600px;cursor: pointer;}
.cover-prev{position: absolute;height: 100%;width: 200px;left: 0;z-index: 101;opacity: 0;filter: Alpha(opacity=0);transition:opacity .3s ease-in-out;background:url(https://nie.res.netease.com/nie/qt/13/0719_chinajoytk/images/cprev.jpg) left 50% no-repeat;_height:600px;cursor: pointer;}
.cover-next:hover,.cover-prev:hover{opacity: 1;filter: Alpha(opacity=100);}

/*footer*/
#footer{margin: 0 auto;padding-top:15px; font-family: simSun;padding-bottom: 8px;clear: both;}
#NIE-copyRight{margin-top: 25px;margin-bottom: 15px;}
#ncp-l1,#ncp-l1 a{color: #b0b0b0;}
#ncp-l2,#ncp-l2 a{color: #b0b0b0;}


#ClCache{display:none;}

.pt-pagebox{z-index: 1;}
.pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
   /* display: none; */
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.pt-page-ontop {
    z-index: 999;
}

.pt-pagebox{height: 600px;position: relative;_z-index:1;}
.pt-page-current{z-index: 2;display: block;visibility: visible;}
.pt-page img{margin: 0 auto;display: block;}


@media screen and (-webkit-min-device-pixel-ratio:0){
	/*.te-outer{width:900px;height:630px;position:relative;overflow:hidden;left:-100px;}*/

	/*.te-cover img{display:inline;margin:0 auto;}  */
}



/***************** Transition ********************/
.pt-perspective {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.pt-page-moveToLeft {
    -webkit-animation: moveToLeft .6s ease both;
    -moz-animation: moveToLeft .6s ease both;
    animation: moveToLeft .6s ease both;
}
.pt-page-moveToRight {
    -webkit-animation: moveToRight .6s ease both;
    -moz-animation: moveToRight .6s ease both;
    animation: moveToRight .6s ease both;
}
.pt-page-scaleUp {
    -webkit-animation: scaleUp .7s ease both;
    -moz-animation: scaleUp .7s ease both;
    animation: scaleUp .7s ease both;
}



@-webkit-keyframes moveToRight {
    to { -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveToRight {
    to { -moz-transform: translateX(100%); }
}
@keyframes moveToRight {
    to { transform: translateX(100%); }
}


@-webkit-keyframes moveToLeft {
    to { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveToLeft {
    to { -moz-transform: translateX(-100%); }
}
@keyframes moveToLeft {
    to { transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeft {
    from { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveFromLeft {
    from { -moz-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
    from { transform: translateX(-100%); }
}
@-webkit-keyframes scaleUp {
    from { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleUp {
    from { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleUp {
    from { opacity: 0; transform: scale(.8); }
}