@font-face {
  font-family: 'player';
  src: url('../font/player.eot?1628630');
  src: url('../font/player.eot?1628630#iefix') format('embedded-opentype'),
       url('../font/player.woff?1628630') format('woff'),
       url('../font/player.ttf?1628630') format('truetype'),
       url('../font/player.svg?1628630#player') format('svg');
  font-weight: normal;
  font-style: normal;
}

.hyperaudio-player-controls li:before {
  font-family: "player";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;

  display: block;
  text-align: center;
}

.hyperaudio-player-play:before { content: 'q'; }
.playing .hyperaudio-player-play:before { content: 'e'; }
.hyperaudio-player-play.playing:before { content: 'e'; }
.hyperaudio-player-prev:before { content: 't'; }
.hyperaudio-player-next:before { content: 'r'; }
.hyperaudio-player-fullscreen:before { content: 'p'; }

.hyperaudio-player {
	width: 480px;
	height:270px;
}

.hyperaudio-player:-webkit-full-screen { width:100%; height:100%; }
.hyperaudio-player:-moz-full-screen { width:100%; height:100%; }
.hyperaudio-player:-ms-full-screen { width:100%; height:100%; }
.hyperaudio-player:-o-full-screen { width:100%; height:100%; }
.hyperaudio-player:full-screen { width:100%; height:100%; }

.hyperaudio-player:-webkit-full-screen .hyperaudio-player-fullscreen:before { content: ']'; }
.hyperaudio-player:-moz-full-screen .hyperaudio-player-fullscreen:before { content: ']'; }
.hyperaudio-player:-ms-full-screen .hyperaudio-player-fullscreen:before { content: ']'; }
.hyperaudio-player:-o-full-screen .hyperaudio-player-fullscreen:before { content: ']'; }
.hyperaudio-player:full-screen .hyperaudio-player-fullscreen:before { content: ']'; }

.hyperaudio-player-video-wrapper,
.hyperaudio-player-youtube-wrapper {
	position:absolute;
	top:0;
	left:-9999px;
	width:100%;
	height:100%;
}

.hyperaudio-player .solution {
	left:0;
}

.hyperaudio-player video {
	width:100%;
	height:100%;
}

.hyperaudio-player-gui * {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hyperaudio-player:hover .hyperaudio-player-gui {
	opacity: 1;
}

.hyperaudio-player:-webkit-full-screen:hover .hyperaudio-player-gui { opacity: 0; }
.hyperaudio-player:-moz-full-screen:hover .hyperaudio-player-gui { opacity: 0; }
.hyperaudio-player:-ms-full-screen:hover .hyperaudio-player-gui { opacity: 0; }
.hyperaudio-player:-o-full-screen:hover .hyperaudio-player-gui { opacity: 0; }
.hyperaudio-player:full-screen:hover .hyperaudio-player-gui { opacity: 0; }

.hyperaudio-player:-webkit-full-screen .hyperaudio-player-gui:hover { opacity: 1; }
.hyperaudio-player:-moz-full-screen .hyperaudio-player-gui:hover { opacity: 1; }
.hyperaudio-player:-ms-full-screen .hyperaudio-player-gui:hover { opacity: 1; }
.hyperaudio-player:-o-full-screen .hyperaudio-player-gui:hover { opacity: 1; }
.hyperaudio-player:full-screen .hyperaudio-player-gui:hover { opacity: 1; }

.hyperaudio-player-gui {
	position:absolute;
	bottom:0px;
	left:0px;
	right: 0px;
	height:48px;
	font-size:16px;
	line-height:48px;
	opacity: 0;
	-webkit-transition: 500ms opacity;
	-moz-transition: 500ms opacity;
	-ms-transition: 500ms opacity;
	-o-transition: 500ms opacity;
	transition: 500ms opacity;
}

/*.hyperaudio-player:-webkit-full-screen .hyperaudio-player-gui {
	bottom: 10px;
}*/

.hyperaudio-player-controls {
	display: block;
	margin: 0 auto;
	width:100%;
	height:100%;
	max-width: 768px;
}

.hyperaudio-player:-webkit-full-screen .hyperaudio-player-controls { border: 2px solid #000; border-bottom-width:0; }
.hyperaudio-player:-moz-full-screen .hyperaudio-player-controls { border: 2px solid #000; border-bottom-width:0; }
.hyperaudio-player:-ms-full-screen .hyperaudio-player-controls { border: 2px solid #000; border-bottom-width:0; }
.hyperaudio-player:-o-full-screen .hyperaudio-player-controls { border: 2px solid #000; border-bottom-width:0; }
.hyperaudio-player:full-screen .hyperaudio-player-controls { border: 2px solid #000; border-bottom-width:0; }

.hyperaudio-player-controls li {
	height: 100%;
	display: block;
	float: left;
}

.hyperaudio-player-play,
.hyperaudio-player-prev,
.hyperaudio-player-next,
.hyperaudio-player-fullscreen {
	color: #eee;
	width: 10%;
	background: #469659;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	cursor: pointer;
}

.hyperaudio-player-play:hover,
.hyperaudio-player-prev:hover,
.hyperaudio-player-next:hover,
.hyperaudio-player-fullscreen:hover {
	color: #fff;
}

.hyperaudio-player-bar {
	width: 60%;
	background-color: rgba(0,0,0,0.5);
}

.hyperaudio-player-progress {
	height: 100%;
	width: 1%;
	background: #387847;
	border-right: 1px solid #000;
}