.page-wraper{ height:1010px; background:url(../history_files/history_bg.jpg) top left no-repeat !important; width:640px; position:relative; overflow:hidden; top:0px; z-index:1; padding-top:0px; }

.hisBox{ position:absolute; top:0px; height:1010px; left:640px; z-index:10;}
.hisBox img{ position:absolute; top:0px; left:0px; z-index:10}

.lineBg{ position:absolute; width:640px; height:2px; top:247px; background:url(../history_files/line.jpg) top left repeat; z-index:1;}
.lineArrow{ position:absolute; width:30px; height:21px; top:-9px; left:526px; background:url(../history_files/line_arrow.jpg) top left repeat; z-index:2;}

.bgMask{ position:absolute; width:260px; height:21px; background:url(../history_files/bg_mask.jpg) top left repeat-x; top:247px; left:72px; z-index:9;}

.audioPlay{ position:absolute; right:20px; bottom:20px; width:38px; height:38px; background:url(../history_files/btn_audioplay.png) top left no-repeat; z-index:99;}
.audioStop{  background:url(../history_files/btn_audiostop.png) top left no-repeat;}

.autoPlay{ position:absolute; right:78px; bottom:20px; width:38px; height:38px; background:url(../history_files/btn_stop.png) top left no-repeat; z-index:99;}
.autoStop{ background:url(../history_files/btn_play.png) top left no-repeat !important;}


.lineArrowShow { -webkit-animation: start 1.5s infinite ease-in-out; -moz-animation: start 1.5s infinite ease-in-out; animation: start 1.5s infinite ease-in-out; }

/*箭头指示引导*/
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(-10px,0);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(8px, 0);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(-10px,0);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(10px, 0);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(-10px, 0);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate( 8px, 0);}
}