.player_box
{ 
  display: block; 
  position: relative; 
  width: 100%;  
  padding-top: 56.25%; /* 16:9 ratio */
}

.player_box div.video_closse
{ 
  display: none; 
  position: absolute; 
  width: 20px;
  height: 20px;
  top: -10px;
  right: -10px;
  background-image: url("/images/site/close_video.svg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}

div.video_thumb
{ 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

div.video_play_button
{ 
  display: block;
  position: absolute; 
  height: 75px; 
  width: 75px;   
  left: 50%; 
  top: 50%; 
  transform: translate(-50%, -50%);
  opacity: .5;
  background: url("/images/site/play_button_2.svg") no-repeat;
  background-size: contain;
  cursor: pointer;
}

.iframe_box
{
	position: relative;
	padding-top: 0px;
	padding-bottom: 56.25%; /* 16:9 */
	height: auto;
}

.video_iframe
{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}