.container {
  height: 100%;
  position: relative;
  overflow-x: hidden;
  z-index: 3;
}
.btn {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: transform .3s linear;
}
.btn.touch {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: transform .1s linear;
}

.page-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.page-container .wraper-content {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.pageThree {
  
  width: 100%;
  height: 498px;
}
.pageThree .wraper-content {
  height:498px;
  overflow: hidden;
  /*---游戏五图---*/
}
.pageThree .wraper-content .page-title {
  width: 610px;
  margin: 160px auto auto auto;
}
.pageThree .wraper-content #carousel {
  position: relative;
  z-index: 2;
  height: 47px;
  margin-top: 250px;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 1s ease 0.4s;
  transition: all 1s ease 0.4s;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}
.pageThree .wraper-content #carousel .hiSliderCaroul {
  list-style: none;
}
.pageThree .wraper-content #carousel {
  opacity: 1;
  filter: alpha(opacity=100);
  *opacity: none;
  *-webkit-filter: none;
  *filter: none;
  opacity: none\0;
  -webkit-filter: none\0;
  filter: none\0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.pageThree .wraper-content #carousel li {
  position: absolute;
  left: 71%;
  top: 50%;
  width: 350px;
  height: 450px;
  margin-left: -450px;
  margin-top: -230px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.pageThree .wraper-content #carousel li img {
  display: block;
  width: 350px;
  height: 450px;
}
.pageThree .wraper-content .btn_prve,
.pageThree .wraper-content .btn_next {
  position: absolute;
  top: 50%;
  width: 148px;
  height: 91px;
  z-index: 20;
  margin-top: -50px;
  overflow: hidden;
}
.pageThree .wraper-content .btn_prve {
  left: 0px;
  background: url("../images/slide-left-jt.png-01.png"/*tpa=lunbo/images/slide-left-jt.png-01.png*/) no-repeat;
}
.pageThree .wraper-content .btn_next {
  right: 0px;
  background: url("../images/slide-right-jt.png-01.png"/*tpa=lunbo/images/slide-right-jt.png-01.png*/) no-repeat;
}
.pageThree .wraper-content .btn_ji {
  display: inline-block;
  vertical-align: middle;
}