@charset "utf-8";


/*----------------------------------------------------
  #trailer
--------------------------------------------------- */
#trailer{
  width:100%;
  height:100%;
  overflow:hidden;
  background:url(../img/bg.jpg) no-repeat center bottom;
  background-size:cover;
}
#trailer h1{
  font-weight:normal;
  font-size:18px;
  color:#8CA9A5;
  padding-top:55px;
  text-align:center;
  margin-bottom:18px;
}

#trailer .column{
  width:85.33%;
  margin:0 auto;
  margin-bottom:18px;

}
#trailer .column h2{
  font-weight:normal;
  font-size:14px;
  color:#8CA9A5;
  text-align:center;
  margin-bottom:9px;
  background:url(../img/star.png) no-repeat center bottom;
  background-size:25px 4px;
  padding-bottom:9px;

}

#trailer .column .video,
#trailer .slides .video{
  position: relative;
  width:275px;
  height:155px;
  margin:0 auto;
}

#trailer .column .video iframe,
#trailer .slides .video iframe{
  width:275px;
  height:155px;
}
#play_btnImg,
#play_btnImg2,
#play_btnImg3{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4;
  cursor: pointer;
  pointer-events: none;
}
#trailer .column .video span,
#trailer .slides .video span{
  position:absolute;
  top:0px;
  left:0px;
}
.flex-direction-nav {
    display: block;
}
.flex-control-paging{
  display: none;
}
.flex-direction-nav .flex-prev {
    opacity: 1;
    left: 50%;
    margin-left: -138px;
    top: 40px;
    background:url(../img/btn_prev.png) no-repeat;
    width: 54px;
    height: 11px;
    background-size: contain;
}
.flex-direction-nav .flex-next {
    opacity: 1;
    left: 50%;
    margin-left: 82px;
    top: 40px;
    background:url(../img/btn_next.png) no-repeat;
    width: 54px;
    height: 11px;
    background-size: contain;
}
#trailer .flexslider{
  padding-bottom: 50px;
  background: none;
  background-color:none;
  position: relative;
}
#trailer .flexslider li{
  position: relative;
}
#trailer .flexslider img{
  width:275px !important;
  display: block;
  margin: 0 auto;
}
#trailer .video_title{
  position: absolute;
  top: 275px;
  left: 0px;
  width: 100%;
}
#trailer .video_title li{
  position: absolute;
  top: -6px;
  left: -1px;
  width: 100%;
  text-align: center;
  display: none;
  vertical-align: middle;
}
#trailer .video_title li.title01{
  display: block;
  top: -1px;
}
#trailer .video_title li.title01 img{
  width: 48px !important;
  vertical-align: top;
}
#trailer .video_title li.title02 img{
  width: 150px !important;
}
#trailer .video_title li.title03 img{
  width: 150px !important;
}
#trailer .video_title li.title04 img{
  width: 100px !important;
}
#trailer .video_title li.title05 img{
  width: 100px !important;
}