html,
body,
#playerContainer,
.preliveImage,
.postliveImage,
body#replayBody iframe {
  width: 100%;
  height: 100%;
}
body#replayBody iframe {
  width: 100% !important;
  height: 100% !important;
}
#playerContainer {
  background: #000;
  font-family: Arial,sans-serif;
  display: table;
}
#playerContainer p {
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

.ie7 #playerContainer {
  display: block;
}
.ie7 #playerContainer p {
  display: block;
  padding-top: 130px;
}

/*** player-cta ***/
/**********************************************************************************************************************/
.unmute-cta{
	width: 100%;
	position: absolute;
	top: 10%;
	left:0;
	background-color: rgba(0,0,0,.3);
	display: none;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.unmute-cta .text{
  margin: 0 10px;
}
.unmute-cta{
  padding: 10px 0;
}
.unmute-cta-display .unmute-cta{
	display: inline-block;
}
.unmute-cta .btn{
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 4px 8px;
  background: rgba(0,0,0,0.6);
  cursor: pointer;
}
.unmute-cta .btn:hover{
  background: rgba(0,0,0,0.3);
}
.jw-wrapper {
  background-color: transparent;
}