#error {
	background-color: rgba(0, 0, 0, 0.5);
}
#error div {
	padding: 5%; top: 30%; color: rgb(255, 255, 255); position: absolute; text-shadow: 0.1em 0.1em 0.2em #000;
}
#error a {
	color: rgb(255, 255, 255);
}
.button {
	cursor: pointer;
}
.logo {
	right: 10px; bottom: 12px; position: absolute; z-index: 2000;
}
.live-logo {
	display: none;
}
.live#player .live-logo {
	left: 8px; height: 16px; bottom: 15px; display: block; position: absolute; z-index: 2000;
}
.loading#player #thumb {
	opacity: 0.5 !important;
}
.max-width-160px#player .bar {
	display: none;
}
.bar * {
	-moz-user-select: none; -webkit-user-select: none;
}
#video-frame {
	-moz-user-select: none; -webkit-user-select: none;
}
#startscreen {
	-moz-user-select: none; -webkit-user-select: none;
}
#controls {
	-moz-user-select: none; -webkit-user-select: none;
}
#thumb {
	-moz-user-select: none; -webkit-user-select: none;
}
.bar {
	left: 0px; width: 100%; bottom: 0px; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid; position: absolute;
}
.bar .background {
	width: 100%; height: 100%; border-top-color: rgba(125, 125, 125, 0.5); border-top-width: 1px; border-top-style: solid;
}
.bar .play {
	border: 1px solid rgb(0, 0, 0); padding-bottom: 2px; position: absolute;
}
.bar .play .inner {
	border: 1px solid rgb(119, 119, 119); height: 100%;
}
.bar .play {
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.bar .play .inner {
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#startscreen {
	cursor: pointer; background-color: rgba(0, 0, 0, 0);
}
#startscreen .bar {
	height: 74px;
}
#startscreen .bar .background {
	transition-property: background-color; transition-duration: 0.3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s;
}
.hideinfo#player #startscreen .bar {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none; background-color: transparent;
}
.hideinfo#player #startscreen .bar .background {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none; background-color: transparent;
}
#startscreen .bar .play {
	left: 6px; width: 70px; height: 60px; bottom: 6px;
}
.utf8-play #startscreen .bar .play .inner .play-icon {
	text-align: center; font-family: arial,sans-serif; font-size: 30px; margin-top: 13px; margin-left: 1px;
}
.no-utf8-play #startscreen .bar .play .inner .play-icon {
	display: none;
}
.no-utf8-play #startscreen .bar .play .inner .icon {
	width: 0px; height: 0px; margin-top: 18px; margin-left: 22px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 12px; border-bottom-width: 12px; border-left-width: 25px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.max-width-160px#player #startscreen .info {
	display: none;
}
#startscreen .info {
	left: 85px; top: 6px; right: 10px; position: absolute;
}
#startscreen .info div {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#startscreen .info a {
	text-decoration: none;
}
#startscreen .info .title {
	font-size: 18px; font-weight: bold;
}
#startscreen .info .owner {
	font-size: 13px; margin-top: 3px;
}
#startscreen .info .duration {
	font-size: 13px; margin-top: 3px;
}
.hideinfo#player #startscreen .info {
	display: none;
}
.max-width-250px#player #startscreen .info .owner {
	display: none;
}
.max-width-250px#player #startscreen .info .duration {
	display: none;
}
#controls {
	z-index: 1000;
}
#controls .bar {
	left: 0px; width: 100%; height: 45px; bottom: 0px; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid; position: absolute; opacity: 0;
}
#controls .bar .background {
	width: 100%; height: 100%; border-top-color: rgba(125, 125, 125, 0.5); border-top-width: 1px; border-top-style: solid;
}
#controls .logo {
	opacity: 0.5;
}
#controls .bar {
	transition-property: opacity; transition-duration: 0.5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -webkit-transition-delay: .3s;
}
#controls .logo {
	transition-property: opacity; transition-duration: 0.5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -webkit-transition-delay: .3s;
}
.no-touch #player:hover .bar {
	opacity: 1; transition-duration: 0s; -webkit-transition-delay: 0;
}
.no-touch #player:hover .logo {
	opacity: 1; transition-duration: 0s; -webkit-transition-delay: 0;
}
#player .visible#controls .bar {
	opacity: 1; transition-duration: 0s; -webkit-transition-delay: 0;
}
#player .visible#controls .logo {
	opacity: 1; transition-duration: 0s; -webkit-transition-delay: 0;
}
.paused#player .bar {
	opacity: 1; transition-duration: 0s; -webkit-transition-delay: 0;
}
.paused#player .logo {
	opacity: 1; transition-duration: 0s; -webkit-transition-delay: 0;
}
.loading#player .bar {
	opacity: 1; transition-duration: 0s; -webkit-transition-delay: 0;
}
.loading#player .logo {
	opacity: 1; transition-duration: 0s; -webkit-transition-delay: 0;
}
.live#player #controls .bar .play {
	display: none;
}
#controls .bar .play {
	left: 6px; width: 42px; height: 30px; bottom: 6px;
}
.utf8-play .paused#player #controls .bar .play .inner .play-icon {
	text-align: center; font-family: arial,sans-serif; margin-top: 6px; margin-left: 2px;
}
.no-utf8-play .paused#player #controls .bar .play .inner .icon {
	width: 0px; height: 0px; margin-top: 10px; margin-left: 15px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 10px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.no-utf8-play #player #controls .bar .play .inner .play-icon {
	display: none;
}
.started#player #controls .bar .play .inner .play-icon {
	display: none;
}
.started#player #controls .bar .play .inner .icon {
	width: 3px; height: 11px; margin-top: 9px; margin-left: 4px; float: left;
}
.started#player #controls .bar .play .inner .icon2 {
	width: 3px; height: 11px; margin-top: 9px; margin-left: 4px; float: left;
}
.started#player #controls .bar .play .inner .icon {
	margin-left: 15px;
}
.live#player #controls .bar .progress-bar {
	display: none;
}
.max-width-350px#player #controls .progress-bar-interaction {
	display: none;
}
.max-width-350px#player #controls .progress-bar {
	display: none;
}
#controls .bar .progress-bar-interaction {
	left: 65px; right: 210px; position: absolute;
}
#controls .bar .progress-bar {
	left: 65px; right: 210px; position: absolute;
}
#controls .bar .progress-bar-interaction {
	height: 100%; bottom: 0px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none;
}
#controls .bar .progress-bar {
	height: 10px; bottom: 18px;
}
#controls .bar .progress-bar .border {
	border-width: 1px; border-style: solid; border-color: rgba(100, 100, 100, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(100, 100, 100, 0.5); border-radius: 8px; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.3); -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#controls .bar .progress-bar .progress {
	border-width: 1px; border-style: solid; border-radius: 8px; width: 0px; height: 100%; position: absolute; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#controls .bar .progress-bar .buffer {
	margin: 1px; border-radius: 8px; width: 0px; height: 100%; position: absolute; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#controls .bar .progress-bar .handle {
	border-radius: 15px; border: 3px solid rgba(0, 0, 0, 0.2); width: 17px; height: 16px; margin-top: -7px; margin-right: -14px; float: right; -moz-border-radius: 15px; -webkit-border-radius: 15px;
}
#controls .bar .progress-bar .handle .inner {
	border-width: 1px; border-style: solid; border-radius: 8px; height: 100%; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#controls .bar .progress-bar .indicator {
	border-radius: 4px; border: 2px solid rgba(0, 0, 0, 0.2); top: -35px; width: 50px; height: 20px; text-align: center; right: -30px; font-size: 12px; position: absolute; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#controls .bar .progress-bar .indicator .inner {
	padding: 2px; border-radius: 3px; border: 1px solid rgb(119, 119, 119); height: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#controls .bar .progress-bar .indicator .inner .arrow {
	border-width: 5px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; left: 20px; width: 0px; height: 0px; bottom: -8px; position: absolute;
}
#controls .bar .progress-bar .indicator .inner .arrow-border {
	border-width: 5px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; left: 20px; width: 0px; height: 0px; bottom: -8px; position: absolute;
}
#controls .bar .progress-bar .indicator .inner .arrow-border {
	bottom: -10px; border-top-color: rgb(119, 119, 119);
}
.live#player #controls .bar .duration {
	display: none;
}
.max-width-350px#player #controls .duration {
	display: none;
}
#controls .bar .duration {
	width: 40px; height: 16px; text-align: center; right: 148px; bottom: 12px; font-size: 12px; position: absolute; cursor: pointer;
}
.bar .fullscreen {
	width: 19px; height: 14px; right: 117px; bottom: 14px; position: absolute; cursor: pointer; background-image: url("/images/playerhtml5/fullscreen_off.png.v028539e3772c1671"); background-repeat: no-repeat;
}
.bar .fullscreen:hover {
	background-image: url("/images/playerhtml5/fullscreen_on.png.vc383b43c26a2f897");
}
