

.videojs-hls-player-wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
	background: #00ccff;
	background: -moz-linear-gradient(top, #00ccff 0%, #0099ff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #00ccff), color-stop(100%, #0099ff));
	background: -webkit-linear-gradient(top, #00ccff 0%, #0099ff 100%);
	background: -o-linear-gradient(top, #00ccff 0%, #0099ff 100%);
	background: -ms-linear-gradient(top, #00ccff 0%, #0099ff 100%);
	background: linear-gradient(to bottom, #00ccff 0%, #0099ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#0099ff', GradientType=0 );
}

.video-js .vjs-big-play-button {
  font-size: 4em;
  line-height: 1.8em;
  height: 2em;
  width: 2em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: .65;
  border: 5px solid #FFF;
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; 
  
	color: rgba(255,255,255,1);
	
	background: rgba(0,0,0,.5);
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -1.1em;
  margin-left: -0.85em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
	outline: 0;
	opacity: .95;
	border-color: #FFF;
	
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s; 
	
	color: rgba(255,255,255,1);
	
	background: rgba(0,0,0,.25);
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

