/**
 * Common
 ----------------------------------------------------------------------------------------------- **/
html,
body {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	color: #EEEEEE;
	font-size: 10px;
	background: #000000;
}

#playerContainer,
#playerContainer > #playerContainerAltContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	color: #EEEEEE;
	font-size: 1.6rem;
	background: #000000;
}


/**
 * Spinner
 ----------------------------------------------------------------------------------------------- **/
#playerContainer > #playerContainerAltContent > #playerContainerAltContentSpinner {
	pointer-events: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
	width: 100%;
	height: 100%;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentSpinner > div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	border: solid 5px rgba(255, 255, 255, 0.8);
	border-left-color: rgba(255, 255, 255, 0.2);

	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: spin 1.5s infinite linear;
	animation: spin 1.5s infinite linear;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentSpinner > div,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentSpinner > div:after {
	border-radius: 50%;
	width: 90px;
	height: 90px;
}

@-webkit-keyframes spin {
	0%		{ -webkit-transform: rotate(0deg);		transform: rotate(0deg);	}
	100%	{ -webkit-transform: rotate(360deg);	transform: rotate(360deg);	}
}

@keyframes spin {
	0%		{ -webkit-transform: rotate(0deg);		transform: rotate(0deg);	}
	100%	{ -webkit-transform: rotate(360deg);	transform: rotate(360deg);	}
}


/**
 * PosterFrame
 ----------------------------------------------------------------------------------------------- **/
#playerContainer > #playerContainerAltContent > #playerContainerAltContentPosterFrame {
	cursor: default;
	outline: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	display: block;
	width: 100%;
	height: 100%;
	border-style: none;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentPosterFrame > div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentPosterFrame > div:first-of-type {
	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentPosterFrame > div:last-of-type {
	display: none;
	background-image: url('../images/overlays.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	opacity: 0.7;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentPosterFrame:hover > div:last-of-type,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentPosterFrame:focus > div:last-of-type {
	opacity: 1.0;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentPosterFrame.active {
	cursor: pointer;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentPosterFrame.active > div {
	display: block;
}


/**
 * Error Message
 ----------------------------------------------------------------------------------------------- **/
#playerContainer > #playerContainerErrorContent,
#playerContainer > noscript > div {
	cursor: default;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 300;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background: #444444;
}

#playerContainer > #playerContainerErrorContent {
	display: none;
}

#playerContainer > #playerContainerErrorContent.PTPlayerError {
	display: block;
}

#playerContainer .PTPlayerError > div {
	display: table;
	width: 100%;
	height: 100%;
}

#playerContainer .PTPlayerError > div > div {
	display: table-cell;
	margin: 0;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
}

#playerContainer .PTPlayerError > div > div > p {
	display: inline-block;
	line-height: 1.6;
	font-size: 1.4rem;
	text-align: left;
}

#playerContainer .PTPlayerError > div > div > p > span {
	display: block;
	line-height: 1.0;
	margin: 0 0 0.5rem;
	padding: 0;
	color: #CCCCCC;
	font-size: 1.2rem;
}

#playerContainer .PTPlayerError > div > div > p > a {
	color: #EEEEEE;
	text-decoration: underline;
}


/**
 * For Browser
 ----------------------------------------------------------------------------------------------- **/
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController.forLive,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController.forVOD {
	display: block;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerOverlayButton {
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url('../images/overlays.png');
	background-position: center center;
	background-repeat: no-repeat;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerOverlayButton.pause {
	background-image: none;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController.none > #playerContainerAltContentControllerContainer {
	display: none;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 22;
	width: 100%;
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0.7);

	transition-property: bottom;
	transition-duration: 0.5s;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer:after {
	pointer-events: none;
	content: ' ';
	display: block;
	position: absolute;
	top: -40px;
	left: 0px;
	z-index: 21;
	width: 100%;
	height: 40px;
	background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.7));

	transition-property: top, height;
	transition-duration: 0.5s;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div:first-of-type {
	position: absolute;
	width: 100%;
	top: -11px;
	left: 0px;
	z-index: 23;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div:last-of-type {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar {
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 7px 0;

	transition-property: padding;
	transition-duration: 0.5s;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar > #playerContainerAltContentControllerSeekBarBase {
	display: block;
	position: relative;
	width: 100%;
	height: 6px;
	background: #808080;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar > #playerContainerAltContentControllerSeekBarBase > #playerContainerAltContentControllerSeekBarBuffer {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: #006BA0;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar > #playerContainerAltContentControllerSeekBarBase > #playerContainerAltContentControllerSeekBarProgress {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: #0099E5;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar > #playerContainerAltContentControllerSeekBarBase > #playerContainerAltContentControllerSeekBarSlider {
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar > #playerContainerAltContentControllerSeekBarBase > #playerContainerAltContentControllerSeekBarSlider > div {
	display: none;
	position: absolute;
	top: -6px;
	left: -2px;
	width: 4px;
	height: 12px;
	border-right: solid 1px rgba(0, 0, 0, 0.5);
	background: #FFFFFF;
	background-clip: content-box;
	box-shadow: 0px 0px 8px #FFFFFF;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar.isDrag > #playerContainerAltContentControllerSeekBarBase > #playerContainerAltContentControllerSeekBarSlider > div,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar:hover > #playerContainerAltContentControllerSeekBarBase > #playerContainerAltContentControllerSeekBarSlider > div {
	display: block;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerTimeDisplay {
	pointer-events: none;
	line-height: 1.0;
	padding: 0 10px;
	color: #EEEEEE;
	font-size: 1.2rem;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton {
	cursor: pointer;
	outline: none;
	position: relative;
	display: block;
	box-sizing: border-box;
	height: 40px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-style: none;
	background: transparent;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: solid 2px #0099E5;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url('../images/icons.png');
	background-repeat: no-repeat;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton:focus > span {
	display: block;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.compress				{ background-position: -148px   0px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.compress:hover		{ background-position: -182px   0px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.expand				{ background-position: -148px -40px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.expand:hover			{ background-position: -182px -40px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.fastBackward			{ background-position: -216px   0px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.fastBackward:hover	{ background-position: -252px   0px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.pause				{ background-position:    0px -40px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.pause:hover			{ background-position:  -36px -40px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.play					{ background-position:    0px   0px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.play:hover			{ background-position:  -36px   0px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.volumeOff			{ background-position:  -72px   0px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.volumeOff:hover		{ background-position: -110px   0px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.volumeUp				{ background-position:  -72px -40px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton > i.volumeUp:hover		{ background-position: -110px -40px; }

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerVolumeSlider {
	cursor: pointer;
	margin: 0;
	padding: 20px 10px 16px 10px;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerVolumeSlider > #playerContainerAltContentControllerVolumeSliderBase {
	display: block;
	position: relative;
	width: 100px;
	height: 4px;
	background: #808080;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerVolumeSlider > #playerContainerAltContentControllerVolumeSliderBase > #playerContainerAltContentControllerVolumeSliderIndicator {
	display: block;
	position: absolute;
	width: 0%;
	height: 100%;
	background: #0099E5;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerVolumeSlider > #playerContainerAltContentControllerVolumeSliderBase > #playerContainerAltContentControllerVolumeSliderSlider {
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerVolumeSlider > #playerContainerAltContentControllerVolumeSliderBase > #playerContainerAltContentControllerVolumeSliderSlider > div {
	display: block;
	position: absolute;
	top: -4px;
	left: -2px;
	width: 4px;
	height: 8px;
	border-right: solid 1px rgba(0, 0, 0, 0.5);
	background: #FFFFFF;
	background-clip: content-box;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerVolumeSlider:hover > #playerContainerAltContentControllerVolumeSliderBase > #playerContainerAltContentControllerVolumeSliderSlider > div {
	box-shadow: 0px 0px 8px #FFFFFF;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton[data-action="TOGGLE_PLAY_PAUSE"]	{ order: 1; width: 36px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton[data-action="FAST_BACKWARD"]		{ order: 2; width: 36px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerTimeDisplay									{ order: 3; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerVolumeSlider									{ order: 4; margin-left: auto; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton[data-action="TOGGLE_MUTE"]		{ order: 5; width: 38px; }
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton[data-action="TOGGLE_FULLSCREEN"]	{ order: 6; width: 34px; }

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController.forLive > #playerContainerAltContentControllerContainer > div > button.playerContainerAltContentControllerButton[data-action="FAST_BACKWARD"],
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController.forLive > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerSeekBar,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController.forLive > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerTimeDisplay,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div.hideVolume > #playerContainerAltContentControllerVolumeSlider,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div.hideVolume > button.playerContainerAltContentControllerButton[data-action="TOGGLE_MUTE"] {
	display: none;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div.hideVolume > button.playerContainerAltContentControllerButton[data-action="TOGGLE_FULLSCREEN"] {
	margin-left: auto;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer.minimized {
	bottom: -48px;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer.minimized:after {
	top: 0px;
	height: 0px;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer.minimized > div > #playerContainerAltContentControllerSeekBar {
	padding: 0;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerLogContainer.minimized {
	opacity: 0.0;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer.skip,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer.skip:after,
#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer.skip > div > #playerContainerAltContentControllerSeekBar {
	transition-duration: 0.0s;
}

@media screen and (max-width: 400px) {
	#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerTimeDisplay {
		font-size: 1.0rem;
	}

	#playerContainer > #playerContainerAltContent > #playerContainerAltContentController > #playerContainerAltContentControllerContainer > div > #playerContainerAltContentControllerVolumeSlider > #playerContainerAltContentControllerVolumeSliderBase {
		width: 50px;
	}
}


/**
 * For Flash Player
 ----------------------------------------------------------------------------------------------- **/
#playerContainer > #playerContainerAltContent > #playerContainerAltContentFlashContent {
	position: relative;
	width: 100%;
	height: 100%;
}


/**
 * For Video
 ----------------------------------------------------------------------------------------------- **/
#playerContainer > #playerContainerAltContent > #playerContainerAltContentVideoContent {
	position: relative;
	width: 100%;
	height: 100%;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentVideoContent > div {
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#playerContainer > #playerContainerAltContent > #playerContainerAltContentVideoContent > video {
	display: block;
	width: 100%;
	height: 100%;
}