.wrap {
  width: 857px;
  margin: 50px auto 50px;
}

.movie-box {
  width: 857px;
  height: 482px;
  margin: 0 auto;
}

.movie-inner {
  position: relative;
  width: 100%;
  padding-top: 56%;
}
.movie-inner2 {
  position: relative;
  width: 100%;
  padding-top: 56%;
}
.movie-inner3 {
  position: relative;
  width: 100%;
  padding-top: 56%;
}
.movie-inner .movie-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("saminnta.png") no-repeat;

}

.movie-inner .movie-thumb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url("thumb_play.png") center center no-repeat;

  transition: 0.5s;
}

.movie-inner .movie-thumb:hover:after {

  background: url("thumb_play2.png") center center no-repeat;

}

.movie-inner2 .movie-thumb2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("sam02.jpg") no-repeat;

}

.movie-inner2 .movie-thumb2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url("thumb_play.png") center center no-repeat;

  transition: 0.5s;
}

.movie-inner2 .movie-thumb2:hover:after {

  background: url("thumb_play2.png") center center no-repeat;

}

.movie-inner3 .movie-thumb3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("sam03.jpg") no-repeat;

}

.movie-inner3 .movie-thumb3:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url("thumb_play.png") center center no-repeat;

  transition: 0.5s;
}

.movie-inner3 .movie-thumb3:hover:after {

  background: url("thumb_play2.png") center center no-repeat;

}


.movie-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie-inner2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie-inner3 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width:640px){
  .wrap {
    width: 100%;
  }
  .movie-box {
    width: 100%;
  }
}