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

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 				"icon";
  font-style:	 			normal;
  font-weight: 				normal;
  speak: 					none;
  display: 					inline-block;
  text-decoration: 			inherit;
  width: 					1em;
  margin-right: 			.2em;
  text-align: 				center;
  font-variant: 			normal;
  text-transform: 			none;
  line-height: 				1em;
  margin-left: 				.2em;
  -webkit-font-smoothing: 	antialiased;
  -moz-osx-font-smoothing: 	grayscale;
}

.icon-play:before { content: '\e800'; } /* '' */
.icon-pause:before { content: '\e801'; } /* '' */
.icon-volume-up:before { content: '\e802'; } /* '' */
.icon-resize-full:before { content: '\e803'; } /* '' */
.icon-volume-down:before { content: '\e804'; } /* '' */
.icon-volume-off:before { content: '\e805'; } /* '' */
.icon-play-circled2:before { content: '\e806'; } /* '' */
.icon-mail:before { content: '\e807'; } /* '' */
.icon-record:before { content: '\e808'; } /* '' */
.icon-facebook:before { content: '\e809'; } /* '' */
.icon-twitter:before { content: '\e80a'; } /* '' */

.player {
	position: 				absolute;
	left: 					0px;
	bottom: 				0px;
	z-index: 				2;
	opacity: 				0.85;
	box-sizing: 			border-box;
	-moz-box-sizing: 		border-box;
	width: 					100%;
	height: 				30px;
	background: 			#2a2a2a;
	-webkit-transition: 	opacity 0.3s ease-in;
	transition: 			opacity 0.3s ease-in;
	-moz-user-select: 		none;
	-webkit-user-select:	none;
	user-select: 			none;
	font-family: 			Arial, sans-serif;
}

.video {
	position: 				relative;
	margin: 				0px auto;
}

.video:hover .player {
	opacity: 				1;
}

.player .progress {
	position: 				absolute;
	top: 					-5px;
	left: 					0px;
	width: 					100%;
	height: 				5px;
	background: 			#676767;
	box-shadow: 			inset 0 -5px 10px rgba(0,0,0,0.1);
	cursor: 				pointer;
}

.player .progress-bar {
	position: 			relative;
	z-index: 			999;
	width: 				0;
	height: 			100%;
	background: 		#33b5d5;
	box-shadow: 		inset -30px 0px 69px -20px #89f6f5;
}

.player .progress-button-holder {
	position: 			relative;
	left: 				10px;
}

.player .progress-button {
	position: 			absolute;
	top: 				-3px;
	left: 				-10px;
	width: 				10px;
	height: 			10px;
	border-radius: 		10px;
	background: 		#fff;
	box-shadow: 		0 0 5px rgba(0,0,0,0.3);
	text-decoration: 	overline;
}


.player [class^="buffered"] {
	position: 			absolute;
	top: 				0;
	left: 				0;
	z-index: 			1;
	height: 			100%;
	border-radius: 		5px;
	background: 		rgba(255,255,255,0.1);

}

.player .play-pause {
	position: 			absolute;
	top: 				0px;
	left: 				10px;
	font-size: 			15px;
	line-height: 		30px;
	text-shadow: 		0 0 0 #fff;
	color: 				rgba(255,255,255,0.8);
	cursor: 			pointer;
}

.player .play, .player .pause-button {
	-webkit-transition: all 0.2s ease-out;
}

.player .play .pause-button, .player .pause .play-button {
	display: 			none;
}

.player .pause-button {
	font-size: 			15px;
	line-height: 		30px;
}

.player .time {
	position: 		absolute;
	top: 			5px;
	left: 			40px;
	height: 		30px;
	color: 			#fff;
	font-size: 		12px;
	line-height: 	30px;
}

.player .stime, .ttime {
	color: 			#444;
}

.player .play:hover {
	text-shadow: 	0 0 3px #fff;
}

.player .play:active, .pause-button:active span {
	text-shadow: 	0 0 4px #fff;
}

.player .pause-button:hover span {
	box-shadow: 	0 0 3px #fff;
}

.player .pause-button:active span {
	box-shadow: 	0 0 4px #fff;
}

.player .hd {
	position: 		absolute;
	top: 			0px;
	right: 			50px;
	color: 			#fff;
	font-weight: 	bold;
	font-size: 		15px;
	line-height: 	30px;
	font-style: 	italic;
}

.player .volume {
	position: 				absolute;
	top: 					13px;
	right: 					50px;
	width: 					60px;
	height: 				5px;
	background: 			#676767;
	box-shadow: 			inset 0 -5px 10px rgba(0,0,0,0.1);
	cursor: 				pointer;
}

.player .volume-bar {
	position: 			relative;
	z-index: 			999;
	width: 				100%;
	height: 			100%;
	background: 		#33b5d5;
}

.player .volume-button {
	position: 			absolute;
	top: 				-2px;
	left: 				50px;
	width: 				10px;
	height: 			10px;
	border-radius: 		10px;
	background: 		#fff;
	box-shadow: 		0 0 5px rgba(0,0,0,0.3);
	text-decoration: 	overline;
}

.player .fullscreen {
	position: 		absolute;
	top: 			0px;
	right: 			10px;
	height: 		100%;
	cursor: 		pointer;
}

.player .fullscreen a {
	position: 		relative;
	display: 		block;
	text-align: 	center;
	font-size: 		20px;
	line-height: 	30px;
	color: 			#fff;
}

.player .volume-icon a:hover {
	text-shadow: 	0 0 3px #fff;
}

.player .fullscreen a:hover {
	text-shadow: 	0 0 3px #fff;
}

.player .volume-icon {
	position: 		absolute;
	top: 			0px;
	right: 			120px;
	height: 		100%;
	cursor: 		pointer;
}

.player .volume-icon a {
	position: 		relative;
	display: 		block;
	text-align: 	center;
	font-size: 		15px;
	line-height: 	30px;
	color: 			#fff;
}

#video-play-button {
    display:        block;
    position:       absolute;
    top:            130px;
    left:           270px;
    z-index:        1001;
    cursor:         pointer;
}

#video-play-button img {
    display:        block;
    width:          100px;
    height:         100px;
}