div.fvControlView {
	max-height: 47px !important;
	background-color: #050505 !important;
	color: #fff !important;

	display:flex !important;
	display:-webkit-flex !important;
	display:-moz-flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	position: relative !important;

	-webkit-transform-style: preserve-3d !important;
	user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif !important;
	-webkit-font-smoothing: none !important;
	-webkit-font-smoothing: antialiased !important;
	font-size: 16px !important;

	cursor: default !important;
	overflow: hidden !important;
}

div.fvControlView>div.fvSeekBar {
	width: inherit !important;
	height: 7px !important;
	width: 100% !important;
}

div.fvControlView>div.fvSeekBar>div.fvBar {
	height: inherit !important;
	margin: 0px 0px !important;
	top: 0px !important;
}

div.fvControlView div.ui-slider-horizontal {
	background-color: #222 !important;
	background-image: none !important;
	border-radius: 0 !important;
	border: 0 !important;
	height: inherit !important;
	top: 0px !important;
}

div.fvControlView div.ui-slider-horizontal>div.ui-slider-range {
	background-color: #999 !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
}

div.fvControlView div.ui-slider-horizontal>span.ui-slider-handle {
	background-color: #ddd !important;
	background: none !important;
	width: 10px !important;
	height: 7px !important;
	margin: 0px 0px 0px -5px !important;
	border: 0 !important;
	top: 0px !important;
	border-radius: 0 !important;
	opacity: .0 !important;
}

div.fvControlView div.ui-slider-horizontal>span.ui-state-focus {
	outline: none !important;
}

div.fvControlView div.fvControlLeftView,
div.fvControlView div.fvControlRightView {
	display:flex !important;
	display:-webkit-flex !important;
	display:-moz-flex !important;
	-webkit-flex-wrap: no-wrap !important;
	-moz-flex-wrap: no-wrap !important;
	flex-wrap: no-wrap !important;
}

div.fvControlView div.fvControlLeftView {
	width: 60% !important;
}

div.fvControlView div.fvControlRightView {
	width: 40% !important;
}

div.fvControlView div.fvControlRightView {
	-webkit-justify-content:flex-end !important;
	-moz-justify-content:flex-end !important;
    justify-content:flex-end !important;
}


div.fvControlView div.fvLiveCaption,
div.fvControlView div.fvPlayButton,
div.fvControlView div.fvTimeLabel,
div.fvControlView div.fvMuteButton,
div.fvControlView div.fvVolumeBar,
div.fvControlView div.fvFullScreenButton,
div.fvControlView div.fvLogo {
	height: 40px !important;
	min-height: 40px !important;
	line-height: 40px !important;
	font-size: 0.7em !important;
}

div.fvControlView div.fvPlayButton,
div.fvControlView div.fvMuteButton,
div.fvControlView div.fvFullScreenButton {
	width: 40px !important;
	min-width: 40px !important;
}

div.fvControlView div.fvLiveCaption {
	width: 70px !important;
	min-width: 70px !important;
	text-align: center !important;
	color: #F9A400 !important;
	font-weight: bold !important;
}

div.fvControlView div.fvControlButton {
	width: 24px !important; 
	min-width: 24px !important; 
	background-image: url('../img/player_button.png') !important;
	background-size: 48px !important;
	background-repeat: no-repeat !important;
	height: 24px !important;
	margin: 8px 0 0 8px !important;
	opacity: .8 !important;
	cursor: pointer !important;
	transition-property: opacity !important;
	transition-duration: 0.3s !important;
	transition-delay: 0s !important;
	transition-timing-function: ease !important;
	display: inline-block !important;
}

div.fvControlView div.fvControlButton:hover {
	opacity: 1.0 !important;
}

div.fvControlView div.fvPlayButton {
}

div.fvControlView div.fvPlayButton div.fvControlButton {
	background-position: 0px -24px !important;
}

div.fvControlView div.fvPlayButton div.fvControlButton.fvPause {
	background-position: 0px 0px !important;
}

div.fvControlView div.fvTimeLabel {
	color: #fff !important;
	padding: 0 10px !important;
	white-space: nowrap !important;
	overflow: hidden;
}

div.fvControlView div.fvTimeLabel span.fvCurrentLabel,
div.fvControlView div.fvTimeLabel span.fvDurationLabel {
	display: inline-block;
	margin-top: 1px;
}

div.fvControlView div.fvTimeLabel span.fvDurationLabel {
	color: #777 !important;
}

div.fvControlView div.fvTimeLabel span.fvDurationLabel:before {
	color: #333 !important;
	content: ' / ' !important;
}

div.fvControlView div.fvMuteButton {
}

div.fvControlView div.fvMuteButton div.fvControlButton {
	background-position: 0px -72px !important;
}

div.fvControlView div.fvMuteButton div.fvControlButton.fvMute {
	background-position: 0px -48px !important;
}

div.fvControlView div.fvVolumeBar {
	width: 170px !important;
	min-width: 100px !important; 
}

div.fvControlView div.fvVolumeBar>div.fvBar {
	height: 7px !important;
	margin: 16px 0px 0px 0px !important;
	top: 0px !important;
}

div.fvControlView div.fvFullScreenButton {
}

div.fvControlView div.fvFullScreenButton div.fvControlButton {
	background-position: 0px -96px !important;
}

div.fvControlView div.fvFullScreenButton div.fvControlButton.fvFullscreen {
	background-position: 0px -120px !important;
}

div.fvControlView div.fvShareParts {
	white-space: nowrap !important;
	padding-right: 10px !important; 
}

div.fvControlView div.fvShareParts div.fvFbButton {
	background-position: 0px -144px !important;
}

div.fvControlView div.fvShareParts div.fvTwButton {
	background-position: 0px -168px !important;
}

div.fvControlView div.fvLogo {
	width: 90px !important; 
	min-width: 90px !important; 
	background-image: url('../img/gnzo_logo_control.png') !important;
	background-size: 70% auto !important;
	background-repeat: no-repeat !important;
	background-position: 50% -17px !important;
	cursor: pointer !important;
	opacity: 0.8 !important;
	transition-property: opacity !important;
	transition-duration: 0.3s !important;
	transition-delay: 0s !important;
	transition-timing-function: ease !important;
}

div.fvControlView div.fvLogo:hover {
	opacity: 1.0 !important;
}




/* SmartPhone Portlate */
@media all and (max-width: 380px) {

	div.fvControlView div.fvControlLeftView {
		width: 40% !important;
	}

	div.fvControlView div.fvControlRightView {
		width: 60% !important;
	}
	
	div.fvControlView div.fvLiveCaption {
		width: 50px !important;
		min-width: 50px !important;
		text-align: center !important;
		color: #F9A400 !important;
		font-weight: bold !important;
	}

	div.fvControlView div.fvMuteButton,
	div.fvControlView div.fvVolumeBar,
	div.fvControlView div.fvTimeLabel span.fvDurationLabel {
		display: none !important;
	}

	div.fvControlView div.fvPlayButton,
	div.fvControlView div.fvMuteButton,
	div.fvControlView div.fvFullScreenButton {
		width: 33px !important;
		min-width: 33px !important;
	}

}
