div#video_player_box{ max-width:100%!important; margin:0px auto; line-height: .7;
}
div#video_controls_bar{ background: rgba(0,0,0,0.7); padding:8px 8px 6px 8px; color:#d3d3d3; font-size: 16px; font-family: Arial, Helvetica, sans-serif;
 z-index: 10000;   position: relative; font-weight: 100; margin-top: -6px; opacity: 0; transition: opacity 600ms; margin-top: -45px;
 }
 div#video_controls_bar:hover {
 	opacity: .8 !important;
 }
button#playpausebtn{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAAQI3OEFCVsrO3uAMXaKIAAAAKUlEQVQIHWNwLy9lYCsvN2A4c+aMgMyZMwdADAUdOjHmnDnFwH3mTAMAeKFH9QeDGlwAAAAASUVORK5CYII=);
	border:none;
	width:15px;
	height:15px;
	cursor:pointer;
	opacity:0.9;
		margin-right: 3px;
	margin-left: 3px;
	  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 10px !important;
}
button#mutebtn{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHHRSTlMAAQQFBgcJCgsVFhg/QEJSYnFzdJGUl9Xa4OLvdSF5KwAAAE5JREFUCFtjYMAK+DhQuEIyPKhcGV5ULpDPz8nAKMjEICYDBrwMAtJcIhKsDBAuSL2wjBQ7Awpfko0BWT23qDgLqnnCzNjsw3APhntxAwChPwcyqJ2HcgAAAABJRU5ErkJggg==);
	border:none;
	width:14px;
	height:15px;
	cursor:pointer;
	opacity:0.9;
	margin-right: 3px;
	margin-left: 3px;
	  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 10px !important;

}
button#playpausebtn:hover{ opacity:.1; }
input#seekslider{ width:55%;}
input#volumeslider{ width: 15%;}
input[type='range'] {
    -webkit-appearance: none !important;
    background: #777;
	/*border:#999 1px solid;*/
    height:5px;
      position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
border-radius: 3px 3px 3px 3px;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background: #777;
    height:15px;
    width:15px;
	border-radius:100%;
	cursor:pointer;
	  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

  button#fullscreenbtn {
  	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAllBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJcWoAAAAMXRSTlMAAQIEBQcICg4QERIXGBoiMTI1ODk8PUBERUdOYW90f4KMjqi+zNfZ3uLm6+3x8/f96MOfwwAAAIxJREFUCB0FwYsiAlEYBsA5G1LkXr/LsrGEKH3v/3JmVLIf+qYbk6RUkkdwtktK5TO5w+lPDl/lJscfyYWj7/xdDresTd5f8Px77qmBBk4AAIDGosGEjq53dXilvW2mxmY13CebicUh23mWap9sp7hOdimV7ObgIUmpJBk7rR/2SZlV1bKhW1XVDADgH0DPEEAVo37HAAAAAElFTkSuQmCC);
	border:none;
	width:15px;
	height:15px;
	cursor:pointer;
	opacity:0.9;
	margin-right: 3px;
	margin-left: 3px;
	  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 10px !important;
  float: right;
  }
video {
	padding: 0px;
	margin: 0px;
}