#popup_area { position:absolute;top:0;z-index:21; left:10%; top:10%; }
.popupImage {display:none; display:inline-block; vertical-align:top; margin-left:15px;  }
 
.popupImage .popupContent { background: #fff; border: 1px solid #333; padding:10px; cursor:move; } 
.popupImage p{margin:0;  }
.popupImage .popUpBottom{background:#000;text-align:right;margin-top:-3px;padding:7px 0;width:100%;}
.popupImage .popUpBottom>a.onlyToday{color:#fff;cursor:pointer;float:left;margin-left:7px;}
.popupImage .popUpBottom>a.exit{color:#fff;cursor:pointer;display:inline-block;margin-right:7px;}

.popupImage .video-wrapper { width:640px; position:relative; padding-bottom:56.25%; max-width:100%; margin-bottom:15px; background: #fff; }
.popupImage .video-wrapper iframe { position:absolute; top:0px; left:0px; width:100%; height:100%; }


@media(max-width:767px)
{
	
	#popup_area  {top:5%; left:5%; width:90%;  }
	.popupImage { margin-left:0px; margin-bottom:15px;  }
	.popupContent img { max-width:100%; }
	
}