#video-container {
text-align:center;
}


#video-controls {
position: absolute;
width:100%;
bottom: 0;
left:0;
padding: 5px;
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s;
background: rgba(51, 51, 51, 0.35);
border-bottom: 3px solid #333;
}

#video-controls p{color:#fff; font-size:12px;float:left;margin-left:20px;margin-top:5px;}


#video-container:hover #video-controls {
	opacity: .9;
}

button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

button:hover {
	cursor: pointer;
}

#beatbutton {
float:left;
font-size:12px;
margin-top:3px;
padding: 3px;

	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
    color: rgba(238, 238, 238, 0.96);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}


#seek-bar {
	width: 360px;
}

#volume-bar {
	width: 60px;
}