@charset "utf-8";
.section1
{
	background:#414149 url(../images/advanture_01.jpg) no-repeat top center;
	padding-top:292px;
}

.section1 .advatitle
{
	background:url(../images/advtitle_03.png) no-repeat;
	height:180px;
	width:484px;
	position:absolute;
	left:50%;
	margin-left:-242px;
	top:123px;
	z-index:301;
}

.section1 .video
{
	width:800px;
	height:450px;
	margin:auto;
	position:relative;
	z-index:299;
}


.section1 .audio
{
	width:0;
	height:0;
	display:none;
}

.section1 .audioeffect
{
	width:0;
	height:0;
	display:none;
}
.section1 .video .gameUI .btnshell
{
	position:absolute;
	left:0;
	z-index:300;
	height:100%;
	width:100%;
	display:none;
}


.section1 .video .gameUI .nextprevbtn
{
	background:url(..//gameui/button.png) no-repeat;
	width:105px;
	height:88px;
	position:absolute;
	cursor:pointer;
}

.section1 .video .gameUI .nextprevbtn.next
{
	background-position:-124px -15px;
	right:10px;	
	bottom:10px;
	animation: gogo  0.5s  linear 0.5s infinite;
	-webkit-animation: gogo  0.5s  linear 0.5s infinite ;
	-o-animation: gogo  0.5s  linear 0.5s infinite ;

}

@keyframes gogo 
{
	0% {background-position:-114px -15px;}
	50% {background-position:-125px -15px;}
	100% {background-position:-114px -15px;}
}

@-moz-keyframes gogo 
{
	0% {background-position:-114px -15px;}
	50% {background-position:-125px -15px;}
	100% {background-position:-114px -15px;}
}

@-webkit-keyframes gogo 
{
	0% {background-position:-114px -15px;}
	50% {background-position:-125px -15px;}
	100% {background-position:-114px -15px;}
}

@-o-keyframes gogo 
{
	0% {background-position:-114px -15px;}
	50% {background-position:-125px -15px;}
	100% {background-position:-114px -15px;}
}

.section1 .video .gameUI .nextprevbtn.prev
{
	background-position:-10px -15px;
	left:10px;
	bottom:10px;
}

.section1 .video .gameUI .nextprevbtn.reload
{
	 background-position: -86px -120px;
    height: 80px;
    left: 50%;
    width: 80px;
	top: 355px;
	margin-left: -40px;
}


.section1 .video .gameUI .nextprevbtn:hover
{
	opacity:0.7;
	filter:alpha(opacity=70);
}


.section1 .video .gameUI .gamecont
{
	position:absolute;
	left:0;
	z-index:299;
	height:100%;
	width:100%;
	display:none;
}

.section1 .video .gameUI .gamecont .clickeffectwraper
{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}


.section1 .video .gameUI .clickeffect
{
	background:url(..//gameui/smoke.gif) no-repeat;
	width:105px;
	height:105px;
	position:absolute;
	z-index:301;
	display:none;
}

.section1 .video .gogoshell
{
	position:absolute;
	z-index:9999;
	left:0;
	top:0;
	background:url(..//gameui/gogo.jpg) no-repeat 0 0 #bebebe;
	width:100%;
	height:100%;
	display:none;
}

.section1 .video .gogoshell .gogotxt
{
	position:absolute;
	left:258px;
	top:112px;
	width:340px;
}

.section1 .video .gogoshell .gogotxt p
{
	font-size:30px;
	font-weight:bold;
	color:#000;
	line-height:40px;
	margin-bottom:20px;
}

.section1 .video .gogoshell .gogotxt a
{
	display:inline-block;
	padding:0px 15px;
	border-radius:4px;
	font-size:18px;
	color:#C00;
	cursor:pointer;
	line-height:40px;
	height: 40px;
    width: 100px;
}


.section1 .video .gogoshell .gogotxt a:hover
{
	border:1px solid #000;
}

.section1 .video .gogoshell .gogotxt .restart
{
	margin-left:50px;
}


.section1  .videointro
{
	margin:auto;
	width:860px;
	color:#fff;
	padding-bottom:80px;
	margin-top:90px;
}

.section1  .videointro .videointrotitle
{
	font-size:22px;
	background:url(../images/line_04.png) no-repeat top left;
	line-height:84px;
}

.section1  .videointro .videointrocontent
{
	font-size:14px;
	float:left;
	_display:inline;
	width:500px;
	line-height:22px;
	font-family:"\5FAE\8F6F\96C5\9ED1",STHeiti;
	color:#d7d7d7;
}

.section1  .videointro .actors
{
	float:left;
	_display:inline;
	width:310px;
	margin-left:50px;
}

.section1  .videointro .actors li span
{
	cursor:pointer;
	display:block;
}

.section1  .videointro .actors li
{
	float:left;
	_display:inline;
	padding:0 5px 10px 5px;
	position:relative;
	height:111px;
	width:91px;
	-webkit-perspective: 900000px; /*mac safari bug*/
}

.section1 .arc
{
	background:url(../images/advanture_28.png) no-repeat;
	height:49px;
	width:990px;
	position:absolute;
	left:50%;
	margin-left:-495px;
	bottom:-49px;
}

.section1 .arcwraper
{
	position:relative;
}

.section1  .videointro .actors li div.infobox
{

	display:none;
}

.section1  .videointro .actors li div i
{
	position:absolute;
	width:63px;
	height:52px;
	background:url(../images/toyarrow.png) no-repeat -5px 0 ;
	top:-25px;
	right:20px;
}

.section2 
{
	background:#4e2e3d url(../images/advanture_03_bg.jpg) repeat-x top center;
}

.section2 .section2wraper
{
	background:url(../images/advanture_03.jpg) no-repeat top center;
	padding-top:60px;
}

.section2 .fileld
{
	width:860px;
	margin:auto;
	padding-bottom:160px;
}

.section2 .fileldtitle span
{
	display:block;
	height:53px;
	background:url(../images/advanture_32.png) no-repeat left top;
	overflow:hidden;
	text-indent:-999px;
}

.section2 .fileldtitle
{
	background:url(../images/advanture_35.png) no-repeat left bottom;
	padding:20px 0;
	margin-bottom:30px;
	margin-top:30px;
}

.section2 .gamelist li
{
	float:left;
	_display:inline;
	position:relative;
	margin:15px;
}

.section2 .gamelist li a:hover
{
	filter:alpha(opacity=80);
	opacity:0.8;
}


.section2 .gamelist li i
{
	display:block;
	background:url(../images/advanture_39.png) no-repeat;
	height:154px;
	width:270px;
	position:absolute;
	top:-8px;
	left:-5px;
}

.section2 .fileld li span
{
	display:block;
	line-height:30px;
	font-family:"\5FAE\8F6F\96C5\9ED1",STHeiti;
	color:#fff;
	font-size:15px;
	text-align:center;
	padding-top:12px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.section2 .fileldtitle.appfileld span
{
	background-position:0 -53px;
}

.section2 .fileldtitle.appmobile span
{
	background-position:0 -126px;
}

.section2 .wallpaperclass li
{
	float: left;
	color:#BC919C;
	font-size: 14px;
	text-align: center;
	padding: 0 30px;
	line-height: 36px;
	border:1px dashed #957D6D;
	border-radius: 20px;
	margin-right: 15px;
	cursor:pointer;
}

.section2 .fileldtitle.wallpaper span
{
	background-position:0 -169px;
}

.section2 .wallpaperclass li.current,.section2 .wallpaperclass li:hover
{
	background: #fff;
	border-color: #fff;
	color:#5A2E3A; 
}

.section2 .wallpaperclass
{
	padding: 10px 0 20px 0;
}

.section2 h3.fileldtitle
{
	background:none;	
	margin-bottom:10px;
	margin-top:0px;
	padding:0;
}

.section2 h3.fileldtitle span
{
	height:40px;
	margin-left:10px;
}



.section2 .applist 
{
	margin-bottom:30px;
}

.section2 .applist li
{
	float:left;
	_display:inline;
	position:relative;
	margin:9px 11px 15px 11px;
	width:120px;
	height:180px;
}

.section2 .applist li img
{
	border-radius:24px;
	width:120px;
	height:120px;
}

.section2 .applist li a:hover
{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.section2 .applist.wallpaperlist li
{
	width:190px;
	height:180px;
}

.section2 .applist.wallpaperlist li img
{
	border-radius:6px;
	width:190px;
	height:125px;
}

.section1  .videointro .actors li span img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    -webkit-transition: 0.5s ease-in-out;  
    -moz-transition: 0.5s ease-in-out;  
    -ms-transition: 0.5s ease-in-out;  
    -o-transition: 0.5s ease-in-out;  
    transition: 0.5s ease-in-out;  
}  
.section1  .videointro .actors li  .upper{  
    -moz-transform-style: preserve-3d;  
    -moz-backface-visibility: hidden;  
    -webkit-transform-style: preserve-3d;  
    -webkit-backface-visibility: hidden;  
	transform-style: preserve-3d;  
	backface-visibility: hidden;  
}  
.section1  .videointro .actors li  .lower{  
    -moz-transform-style: preserve-3d;  
    -moz-backface-visibility: hidden;/*抖动*/  
    -webkit-transform-style: preserve-3d;  
    -webkit-backface-visibility: hidden;  
    -moz-transform: rotateY(-180deg);  
    -webkit-transform: rotateY(-180deg); 
	transform-style: preserve-3d; 
	backface-visibility: hidden;  
	transform: rotateY(-180deg); 
}  
.section1  .videointro .actors li:hover .upper {  
    -moz-transform: rotateY(180deg);  
    -webkit-transform: rotateY(180deg);
	transform: rotateY(180deg); 
}  
.section1  .videointro .actors li:hover .lower {  
    -moz-transform: rotateY(0deg);  
    -webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.no-csstransforms3d .section1  .videointro .actors li:hover .upper
{
	display:none;
}



.actorintro
{
	position:fixed;
	z-index:9999;
	background:url(../images/toyarrow.png) no-repeat 0 -68px;
	width:795px;
	height:366px;
	top:50%;
	left:50%;
	margin-left:-396px;
	margin-top:-183px;
	display:none;
	font-family:"\5FAE\8F6F\96C5\9ED1",STHeiti;
}



.actorintro div.infowraper
{
	width:390px;
	font-size:14px;
	padding:45px 0 0 55px;
	line-height:24px;
	color:#333;
}


.actorintro div.infowraper h3
{
	font-weight:bold;
	color:#da0000;
	font-size:26px;
	line-height:30px;
	padding-bottom:12px;
}

.actorintro img
{
	float:right;
	margin-top:15px;
	margin-right:16px;
}

.actorintro div.infowraper  div.wraper
{
	height:236px;
	padding-right:10px;
	overflow:auto;
}