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


/* common */

.vjs-menu-button-popup .vjs-menu .vjs-menu-content
{
	background-color: rgba(43, 51, 63, 0.85) !important;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item:hover
{
	background-color: rgb(76, 90, 111, 0.7);
}

.azuremediaplayer .vjs-player:focus {
  border: 0px solid #000
}

.vjs-has-started .vjs-control-bar
{
	display: block !important;
}

.amp-default-skin .vjs-menu li.vjs-selected, .amp-default-skin .vjs-menu li.vjs-selected:focus, .amp-default-skin .vjs-menu li.vjs-selected:hover
{
	color:#fff;
}

.azuremediaplayer .vjs-player:focus
{
	border: initial;
}

.amp-default-skin button, .amp-default-skin  button::-moz-focus-inner
{
  border: 0;
}

.amp-default-skin .outline-enabled .outline-enabled-control:focus {
  outline: 0 !important;
}

.amp-default-skin .vjs-control-bar.outline-enabled .outline-enabled-control:focus{
	box-shadow:none!important;
}

.amp-default-skin .vjs-big-play-button, .amp-default-skin .vjs-big-play-button::before
{
	all: initial;
	display: none;
}

.amp-default-skin .vjs-control.controlHeight, .amp-default-skin .vjs-control.controlHeight:hover
{
	width: 1px;
	height: 38px;
	margin-top:-4px;
	margin-left:6px;
	outline: 0px;
	background: transparent;
}

/* title */
.amp-default-skin .amp-content-title
{
	margin-left: 0;
	margin-top: 0;
	top: 0;
	position: absolute;
	width: -webkit-calc(100%);
	width: calc(100%);
	font:12px arial,helvetica,clean,sans-serif;
}

.hideTitle .amp-default-skin .amp-content-title
{
	display:none;
}

.amp-default-skin .amp-content-title .logo-title-row
{
	display: table;
	margin-bottom: .02em;
	background-color: rgba(18,18,19,0.93);
	width: 100%;
	font:12px arial,helvetica,clean,sans-serif;
	table-layout: fixed;
}

.amp-default-skin .amp-content-title .title h4
{
	color: #fff;
	font:12px arial,helvetica,clean,sans-serif;
	font-weight:normal;
	margin: 0;
	line-height: 1.1;
	max-height: 2.3em;
	overflow: hidden;
	padding: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* control */
.amp-default-skin .vjs-control-bar
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 46px;
	background:#181818;
	background: linear-gradient(to bottom, #404142 50%, #1E1D1D 100%);
}

.amp-default-skin .vjs-control-bar:before
{
	content:"";
	position:absolute;
	bottom: 0;
	left: 0;
	right: 0;
 	height: 46px;
	margin:0 1px;
	background:#121212;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #282929), color-stop(0.50, #121212));
	background: -webkit-linear-gradient(bottom, #282929 50%, #121212  100%);
	background: -moz-linear-gradient(bottom, #282929 50%, #121212  100%);
	background: -o-linear-gradient(bottom, #282929 50%, #121212  100%);
	background: -ms-linear-gradient(bottom, #282929 50%, #121212  100%);
	background: linear-gradient(to bottom, #282929 50%, #121212  100%);
	z-index:0;
}

/* button */
.amp-default-skin .vjs-control[type="button"]
{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: solid 2px #121212;
	box-shadow: 0 1px 1px 0px rgba(255,255,255,0.2) inset;
	background-color: #232424;
}
.amp-default-skin .amp-controlbaricons-right
{
	padding-top: 2px;
}

.amp-default-skin .amp-controlbaricons-right .vjs-control
{
	margin-right: 5px;
}

.amp-default-skin .vjs-control[type="button"]:hover
{
	border-radius: 50%;
	background-color: rgba(255,255,255,0.1);
}

.amp-default-skin .vjs-control.tooltip:after
{
	position: absolute;
	left: 50%;
	top: -18px;
	transform: translate(-50%, -50%);
	display: inline-block;
	padding: 6px;
	border-radius: 2px;
	background-color: rgb(60, 69, 79);
	text-align: center;
	line-height: 1em;
	text-indent: 0;
	color: #eee;
	transition: opacity .5s;
	opacity:0;
	z-index:3;
	font-family:Lucida Grande,Hiragino Kaku Gothic ProN,Meiryo,sans-serif !important;
	font-size: 11px;
	content:"";
	visibility:hidden;
}

.amp-default-skin .vjs-control.tooltip:hover:after
{
	visibility:visible;
	opacity:1;
}

.amp-default-skin .vjs-control:before
{
	font-family: 'playerIcon';
}

.amp-default-skin .vjs-control[type="button"]:before
{

	font-family: 'playerIcon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	width:20px;
	height:20px;
	font-size:12px;
	line-height:28px;
	text-align:left;
	vertical-align:baseline;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* play, pause */
.amp-default-skin .vjs-play-control[type="button"]
{
	width: 38px;
	height: 38px;
	margin-top: 2px;
	margin-left:5px;
	outline: 0px;
}

.amp-default-skin .vjs-play-control[type="button"]::focus
{
	outline:none;
}

.amp-default-skin .vjs-control-bar .vjs-play-control::before
{
	content: "\e906";
	font-size:14px;
	margin-left: 4px;
}

.amp-default-skin .vjs-playing .vjs-control-bar .vjs-play-control::before
{
	content: "\e909";
	font-size:14px;
	margin-left: 1px;
}

/* time display*/
.amp-default-skin .vjs-control-bar .amp-controlbaricons-middle {
  min-width:50px;
  width: 100%;
}

.amp-default-skin .vjs-current-time {
	position: absolute;
	text-align: right;
	right: auto;
	width: 42px;
	margin-left: 4px;
	line-height: 42px;
}

.amp-default-skin .amp-live-on .vjs-current-time .vjs-current-time-display
{
	width: 42px;
}

.amp-default-skin .vjs-time-divider {
	display: block;
	position: absolute;
	left: 94px;
	text-align: center;
	width: 10px;
	line-height: 42px;
}

.amp-default-skin .vjs-duration {
	position: absolute;
	left: 106px;
	text-align: left;
	width: auto;
	line-height: 42px;
}

/* duration virtual */
.amp-default-skin .vjs-duration-virtual-virtual {
  position: absolute;
  left: 104px;
  text-align: left;
  width:auto;
}

.amp-default-skin .vjs-duration-display-virtual::after
{
    position: absolute;
    left: 27px;
    top: 1px;
    font-family: azuremediaplayer;
    content: "\e626";
    font-size: 12px;
    color: #ff0000;
}

.liveDelay .amp-default-skin .vjs-duration-display-virtual::after
{
    color: #cccccc;
}

.isLive .amp-default-skin .vjs-duration
{
	width: 60px;
	cursor: default;
}

.isLive.liveDelay .amp-default-skin .vjs-duration
{
	cursor: pointer;
}

.amp-default-skin .vjs-duration-virtual:hover {
  background-color: transparent;
  cursor: default
}

.amp-default-skin.amp-size-es .vjs-duration-virtual {
  left: -webkit-calc(30% + 5px);
  left: calc(30% + 5px)
}
.vjs-control.castSeekNotice.controlText {
    position: absolute;
    top: 0;
    left: 160px;
    width: 270px;
    padding-top: 15px;
    line-height:15px;
    font-size: 11px;
    text-align: left;
    color: #b9bbbb;
}
.vjs-control.castSeekNotice.controlText:hover{
	background:none;
	cursor: text;
}


/* screen size */
.amp-default-skin .screenFitButton,
.amp-default-skin .vjs-fullscreen-control{
	width:34px;
}
.amp-default-skin .amp-controlbaricons-right .screenFitButton{
	margin-right:2px;
}
.amp-default-skin .screenFitButton,
.amp-default-skin .vjs-fullscreen-control:hover{
	border-radius:2px;
}

.amp-default-skin .screenFitButton:hover:after
{
	content: "大画面";
}

.playerWide .amp-default-skin  .screenFitButton:hover:after
{
	content: "ウインドウサイズ";
}

.fitToWindow .amp-default-skin .screenFitButton:hover:after
{
	content: "小画面";
}

.amp-default-skin .screenFitButton:before
{
	content: "\e90e";
}

.playerWide .amp-default-skin  .screenFitButton:before
{
	content: "\e90f";
}

.fitToWindow .amp-default-skin  .screenFitButton:before
{
	content: "\e903";
}


.amp-default-skin .vjs-fullscreen-control:hover:after
{
	content: "全画面";
}

.amp-default-skin .vjs-fullscreen-control::before {
	content: "\e905";
}

.amp-default-skin.vjs-fullscreen {
  height: 100% !important;
  width: 100% !important
}

.amp-default-skin.vjs-fullscreen .vjs-fullscreen-control::before {
	content: "\e902";
}


/* volume */

/*.amp-default-skin .vjs-volume-control .vjs-mute-control::before*/
.amp-default-skin .vjs-mute-control.vjs-control.vjs-button
{
    padding-bottom: 1px;
	width: 30px;
	height: 30px;
	z-index: 9;
}

.amp-default-skin .vjs-volume-control .vjs-mute-control.vjs-vol-0::before
{
    content: "\e90d"
}
.amp-default-skin .vjs-volume-control .vjs-mute-control::before
{
	content: "\e90d";
}

.amp-default-skin .vjs-volume-control .vjs-mute-control.vjs-vol-1::before
{
    content: "\e90a"
}

.amp-default-skin .vjs-volume-control .vjs-mute-control.vjs-vol-2::before
{
    content: "\e90b"
}

.amp-default-skin .vjs-volume-control .vjs-mute-control.vjs-vol-3::before
{
    content: "\e90c"
}

.amp-default-skin .vjs-volume-menu-button.vjs-menu-button-popup .vjs-menu
{
  bottom: 40px;
  height: 100px;
  left: 0;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: opacity .3s, -webkit-transform .2s;
  transition: opacity .3s, -webkit-transform .2s;
  transition: opacity .3s, transform .2s;
  transition: opacity .3s, transform .2s, -webkit-transform .2s
}

.amp-default-skin .vjs-volume-control .vjs-menu {
	z-index:12;
}

.amp-default-skin .vjs-volume-control[aria-expanded="true"] .vjs-menu {
	height: calc(100px);
}

.amp-default-skin .vjs-volume-control .vjs-menu .vjs-menu-content {
	height: 100px;
	width: 28px;
	left: 0;
	bottom: 0px;
	box-shadow: none;
	overflow: hidden;
	padding: 0;
	text-align: center;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*
.amp-default-skin .vjs-volume-menu-button.vjs-menu-button-popup .vjs-menu-content {
	height: 100px;
	width: 28px;
	left: 0;
	bottom: -28px;
	box-shadow: none;
	overflow: hidden;
	padding: 0;
	text-align: center;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
*/

.amp-default-skin .vjs-volume-bar {
  height: 62px;
  width: 4px;
  background: #6c737a;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6c737a), to(#6c737a));
  background: -webkit-linear-gradient(#6c737a, #6c737a);
  background: linear-gradient(#6c737a, #6c737a);
  margin: 12px auto;
  position: relative;
  outline: none
}

.amp-default-skin .vjs-volume-control .vjs-volume-bar {
    height: 80px;
    width: 4px;
}

/* progress */
.amp-default-skin .progress-background, .amp-default-skin .progress-background:hover
{
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	height: 15px;
	width: auto;
	overflow: visible;
	margin: 0;
	padding: 0;
	margin-bottom: -3px;
	border:solid 1px #3e4141;
	border-bottom:solid 2px #3e4141;
	background-color:rgba(0,0,0,0.9);
	box-sizing: border-box;
}

.amp-default-skin .progress-foreground, .amp-default-skin .progress-foreground:hover
{
	display: block;
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	height: 15px;
	width: auto;
	overflow: visible;
	margin: 0px 4px -3px;
	border: 0;
	border-bottom:solid 2px #3e4141;
	background-color: pink;
	opacity: 0;
	z-index:8;
}

.amp-default-skin .vjs-progress-control {
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	height: 4px;
	width: auto;
	overflow: visible;
	margin: 3px 4px;
	-webkit-transition: height .15s;
	transition: height .15s;
}

.amp-default-skin:hover .vjs-progress-control
{
	background-color:rgba(0,0,0,0.9);
	height: 4px;
}


.amp-default-skin .vjs-progress-holder
{
	border-radius:3px;
	background: initial;
	background-color:#333636;
	opacity: 1;
	z-index: 2;
}

.amp-default-skin .vjs-progress-holder .vjs-play-progress,
.amp-default-skin .vjs-progress-holder .vjs-load-progress,
.amp-default-skin .vjs-progress-holder .vjs-load-progress div {
	z-index: 3;
	border-radius:1px;
}


.amp-default-skin .vjs-play-progress {
	background:#2edc36;
}
body.adult .amp-default-skin .vjs-play-progress {
	background:#FF5B88;
}

.amp-default-skin .vjs-load-progress {
	opacity: 0;
	background: #646464;
	background: rgba(255,255,255,.2);
}
.amp-default-skin .vjs-load-progress div {
	opacity: 0;
	background: #787878;
	background: rgba(255,255,255,.1);
}

/*
.amp-default-skin .vjs-control-bar:hover .vjs-progress-control
{
  height: 9px;
}
*/

.amp-default-skin .vjs-play-progress
{
	background:#2edc36;
}

body.adult .amp-default-skin .vjs-play-progress
{
	background:#FF5B88;
}

.amp-default-skin .vjs-load-progress
{
	display: none;
}

/* progress virtual*/

.amp-default-skin .vjs-progress-holder .vjs-play-progress-virtual, .amp-default-skin .vjs-progress-holder .vjs-load-progress, .amp-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  display: block;
  margin: 0;
  padding: 0
}

.amp-default-skin .vjs-play-progress-virtual {
  background-color: #71b1d1;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#71b1d1), to(#71b1d1));
  background: -webkit-linear-gradient(#71b1d1, #71b1d1);
  background: linear-gradient(#71b1d1, #71b1d1)
}

@-moz-document url-prefix() {
  .high-contrast-enabled .amp-default-skin .vjs-play-progress-virtual {
    border: 1px solid #71b1d1;
  }
}

@media all and (-ms-high-contrast:active) {
  .amp-default-skin .vjs-play-progress-virtual {
    border: 1px solid #71b1d1
  }
}

.amp-default-skin .vjs-progress-holder .vjs-play-progress-virtual,
.amp-default-skin .vjs-progress-holder .vjs-load-progress,
.amp-default-skin .vjs-progress-holder .vjs-load-progress div {
	z-index: 3;
	border-radius:1px;
}

.amp-default-skin .vjs-play-progress-virtual {
	background:#2edc36;
}
body.adult .amp-default-skin .vjs-play-progress-virtual {
	background:#FF5B88;
}

.amp-default-skin .vjs-play-progress-virtual
{
	background:#2edc36;
}

body.adult .amp-default-skin .vjs-play-progress-virtual
{
	background:#FF5B88;
}


/* seek */
.amp-default-skin .vjs-slider-handle {
	display: none;
}

.amp-default-skin .hideVmd .vjs-progress-control:hover .vjs-mouse-display:after {
	display: none;
	font-size: 11px
}

/* error */
.silverlightAlertWrap
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	font-size:12px !important;
	font-family:Lucida Grande,Hiragino Kaku Gothic ProN,Meiryo,sans-serif !important;
	overflow: hidden;
	height:100%;

}

.silverlightAlertText{
	position:relative;
	z-index:10;
	padding:2% 4% 2%;
	background-color:rgba(37, 133, 226, 1);
	color:#fff;
	font-size:16px;
	font-weight:normal;
}
.silverlightInstal,
.silverlightHelp{
	position:relative;
	z-index:10;
	padding:3% 4% 2%;
	background-color:#fff;
	font-size:12px;
}
.silverlightInstal{
	height:40%;
	border-bottom:dashed 1px #ccc;
}
.silverlightHelp{
	height:44%;
}
.silverlightInstal dt,
.silverlightHelp dt{
	margin:0 0 2%;
}

.amp-default-skin .silverlightHelp a , .amp-default-skin .silverlightInstal a
{
	color:#05c
}

.amp-default-skin .vjs-error-display > div {
    position: absolute;
    top: 25%;
    right: 13%;
    left: 22%;
    font-size: 14px !important;
    line-height: 19px;
}

.amp-default-skin .vjs-error .vjs-error-display
{
	font-size:12px !important;
	color:#fff;
	font-weight:normal;
}

.amp-default-skin .vjs-error .vjs-error-display .vjs-modal-dialog-content
{
	width: 78%;
	height: auto;
	padding: 0px 10px 20px 10px;
	text-align:left;
}

/* screen fit */
.screenFitButton
{
	font-family:playerIcon;
	background-color:#666666;
	color:#fff;
}

.noSizeChange .screenFitButton
{
	display: none;
}


/* config */
.amp-default-skin .configButton.vjs-control
{
	font-family: azuremediaplayer;
	color:#fff;
	width: 30px;
	height: 30px;
}


.amp-default-skin .configButton:hover:after
{
	content: "設定";
}

.amp-default-skin .configButton[aria-expanded=true]:hover:after
{
	display: none;
}

.amp-default-skin .configButton.vjs-control[type="button"]:before
{
	font-family: azuremediaplayer;
	font-size: 18px;
	content: "\e62b ";
	vertical-align: baseline;
}

.amp-default-skin .configMenu.vjs-menu
{
	z-index: 12;
}
.amp-default-skin .configMenu .vjs-menu-content
{
	right: -45px;
	bottom: 30px;
	background-color: rgba(43, 51, 63, 0.96);
	font-size:12px;
	text-align:left;
	cursor: default;
}

.amp-default-skin .configMenuHead
{
	margin-bottom:8px;
	font-weight: bold;
}
.amp-default-skin .configMenu hr
{
	display: none;
}
.amp-default-skin .ampTbl
{
	display:table;
	border-collapse:collapse;
}
.amp-default-skin .ampTblTr
{
	display:table-row;
}

.amp-default-skin .ampTblTh
{
	display:table-cell;
	border:0px;
	text-align:right;
	padding: 0 8px 0 0;
	color:#fff;
}

.amp-default-skin .ampTblTd
{
	display: table-cell;
	/*border: 1px solid #83888f;*/
	/*text-align: center;*/
	/*padding: 0 12px;*/
	/*color: #fff;*/
	/*cursor: pointer;*/
}

.amp-default-skin .ampTblTd.ampTblTdSwitch
{
	/*border: 1px solid #83888f;*/
	/*border-radius: 3px;*/
}

.amp-default-skin .ampTblTd.ampTblTdSwitch .ampSwitchBox
{
	display: table-cell;
	border: 1px solid #83888f;
	text-align: center;
	padding: 5px 12px;
	color: #fff;
	cursor: pointer;
}

.amp-default-skin .ampTblTd.ampTblTdSwitch .ampSwitchBox:hover
{
	background-color: #83888f;
}

.amp-default-skin .ampTblTd.ampTblTdSwitch .ampSwitchBox.selected
{
	color:#000;
	background-color:#fff;
}

.playerModal .amp-default-skin .ampTblTd.ampTblTdSwitch
{
	border: 1px solid #83888f;
	border-radius: 3px;
}

/*.amp-default-skin .ampTblTd:hover*/
/*{*/
/*	background-color: #83888f;*/
/*}*/

.amp-default-skin .ampTblTd.selected
{
	color:#000;
	background-color:#fff;
}

/* prev  next*/
.amp-default-skin .vjs-control.nextEpisodeButton
{
	font-family:azuremediaplayer;
	width: 30px;
	height: 30px;
}

.amp-default-skin .vjs-control.prevEpisodeButton
{
	font-family:azuremediaplayer;
	width: 30px;
	height: 30px;
}

.amp-default-skin .prevEpisodeButton::before
{
	content: "\e904";
}

.amp-default-skin .prevEpisodeButton.tooltip:hover:after
{
	content: "前の動画";
}

.amp-default-skin .nextEpisodeButton::before
{
	content: "\e908";
	margin-left:2px;
}

.amp-default-skin .nextEpisodeButton.tooltip:hover:after
{
	content: "次の動画";
}

.amp-default-skin .ghost , .amp-default-skin .ghost:hover
{
	color:#666 !important;
	cursor:default !important;
	background-color:transparent !important;
}

/* prev  next inning turn*/
.amp-default-skin .vjs-control.nextInningTurnButton
{
	font-family:azuremediaplayer;
	width: 30px;
	height: 30px;
}

.amp-default-skin .vjs-control.prevInningTurnButton
{
	font-family:azuremediaplayer;
	width: 30px;
	height: 30px;
}

.amp-default-skin .prevInningTurnButton::before
{
	content: "\e904";
}

.amp-default-skin .prevInningTurnButton.tooltip:hover:after
{
}

.amp-default-skin .nextInningTurnButton::before
{
	content: "\e908";
	margin-left:2px;
}

.amp-default-skin .nextInningTurnButton.tooltip:hover:after
{
	 /* content: "次のターン"; */
	 content: attr(data-desc);
}

/*
player-common.cssに移動

.wide .azuremediaplayer,
#live .azuremediaplayer{
	width: 100%!important;
	height: 100%!important;
}
.fitWindows  .azuremediaplayer{
	width: 100%!important;
	height: 100%!important;
	position: fixed;
	top:0;
	left:0;
}
*/

/****************************
loading
*****************************/
.videoHost .amp-default-skin .vjs-loading-spinner
{
	position: relative;
	top: 50%;
	left: 50%;
	font-size: 8px;
	width: 1em;
	height: 1em;
	margin:-5px 0 0 -4px;
	background: none;
	border-radius: 50%;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	border:none;
}

.amp-default-skin .vjs-loading-spinner::before
{
	content:'';
}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

.amp-default-skin .prevNextPanelBracket
{
	position:absolute;
	margin-top: 0px;
	height:1px;
	width:1px;
	z-index: 8;
}

.amp-default-skin .prevNextPanelBracket:hover
{
	background: transparent;
}

.amp-default-skin .prevNextPanel
{
	position: absolute;
	background-color:#3c454f;
	border-radius: 3px;
	bottom:9px;
	right:-88px;
	font-size:12px;
	text-align:left;
	padding:2px 10px 6px;
}

.amp-default-skin .prevNextPanel .box
{
	position: relative;
	padding:0;
	text-align:center;
}


.amp-default-skin .prevNextPanel .head
{
	position: relative;
	text-align:left !important;
	margin:6px 0px 0px;
}


.amp-default-skin .prevNextPanel .main
{
	position: relative;
	padding:6px 0px 0px;
}

.amp-default-skin .prevNextPanel .title
{
	position: relative;
	text-align:left !important;
	margin:6px 0px 0px;
	white-space: normal;
}

.amp-default-skin .prevNextPanel .main .playMark
{
	position: absolute;
	padding:0px;
	width:164px;
	height:92px;
	top: 0px;
}

.amp-default-skin .prevNextPanel .main .playMark:before
{
	all:initial;
}

.amp-default-skin .prevNextPanel .main .playMark:after
{
	all:initial;
}

.amp-default-skin .prevNextPanel .main .playMarkImg
{
	position: absolute;
	width:60px !important;
	height:60px !important;
	top: 26px;
	left: 54px;
	opacity: 0.7;
}

.amp-default-skin .prevNextPanel .main .playMarkImg:hover
{
	opacity: 1.0;
}

.amp-default-skin .prevNextPanel .autoPlayOn, .prevNextPanel .autoPlayOff
{
	background-color:#2b343e;
	margin:6px 0px 0px;
	padding:6px 0px 6px;
	text-align: left;
}


.amp-default-skin .prevNextPanel .autoPlay .wrap
{
	display: block;
}

.amp-default-skin .prevNextPanel .wrap .autoPlayTitle
{
	margin:0px 10px 0px 2px;
	text-align: left;
}

.amp-default-skin .prevNextPanel .wrap div
{
	display: inline;
	margin:0;
	padding:2px 4px;
	font-size:11px;
}


.amp-default-skin .prevNextPanel .autoPlayOff .on, .prevNextPanel .autoPlayOn .off
{
	background-color:#3c454f;
}

.amp-default-skin .prevNextPanel .autoPlayOn .on
{
	background-color:#00CC00;
}

.amp-default-skin .prevNextPanel .autoPlayOff .off
{
	background-color:#FF0000;
}

.amp-default-skin .fukidashiRow
{
	position:absolute;
	width:100%;
	text-align:center;
    background-color: transparent;
    bottom:-9px;
    padding-left:50%;
    margin-left: -10px;
    box-sizing:border-box;
}

.amp-default-skin .fukidashi
{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #3c454f transparent transparent transparent;
    margin-left: -10px;
}


.amp-default-skin .seekHandleBracket
{
	cursor: default;
}

.amp-default-skin .seekHandleBracket:hover
{
	background: transparent;
}

.amp-default-skin .seekHandlePanel
{
	position: absolute;
	bottom:45px;
	width:164px;
	font-size:12px;
	left: -9999px;
	padding:0;
	background-color: #000;
	z-index: 7;
}

.amp-default-skin .seekHandlePanel:after
{
	position:absolute;
	top: 0;
	left: -200%;
	display:block;
	content: "";
	width:500%;
	height:100%;
	background-color: tomato;
	opacity: 0;
}

/*
.amp-default-skin .seekHandlePanel:after
{
	display:block;
	content: "";
	width:164px;
	height:6px;
	background-color: tomato;
	opacity: 1;
}
*/

.amp-default-skin .seekHandlePanel.textOnly
{
	width:48px;
}
.amp-default-skin .seekHandlePanel:hover
{
	cursor: default;
}

.amp-default-skin .seekHandlePanel .box
{
	position: relative;
	padding:0;
	text-align:center;
}


.amp-default-skin .seekImgTag
{
	display:none;
}

.amp-default-skin .seekHandlePanel.loaded .seekImgTag
{
	display: inline;
	height: auto;
	max-width: 100%;
}

.amp-default-skin .seekImgLoading
{
	display:block;
	width:164px;
	height:92px;
	background-color: #000000;
	text-align: center;
	padding-top: 40px;
}

.amp-default-skin .seekHandlePanel.loaded .seekImgLoading
{
	display:none;
}

.amp-default-skin .seekHandleTime
{
	position: absolute;
	bottom: 0px;
	background-color:#3c454f;
	padding:2px;
	width:48px;
}

.amp-default-skin .seekImgLine
{
	position: absolute;
	bottom: -10px;
	width: 10px;
	height: 10px;
	background-color: #fff;
}

.overflowHidden
{
	overflow:hidden;
}

.amp-default-skin .rcPanelBracket
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size:11px !important;
	font-family:Lucida Grande,Hiragino Kaku Gothic ProN,Meiryo,sans-serif !important;
	z-index:11;
}

.amp-default-skin .rcPanel
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(18,18,19,0.93);
	border-radius: 3px;
	overflow:hidden;
	letter-spacing: -.40em;
	text-align: justify;
	text-justify: distribute-all-lines;
	padding: 5px 15px 0px 10px;
	white-space: nowrap;
}

.amp-default-skin .rcPanel a:link
, .rcPanel a:hover
, .rcPanel a:visited
{
	color:#ffffff
}

.amp-default-skin .rcPanel:after
{
	position: relative;
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
}

.amp-default-skin .rcPanelHead
{
	letter-spacing: normal;
	text-align: left;
	position: relative;
}

.amp-default-skin .rcPanelHead sup
{
	position: absolute;
	right: -15px;
	top: -5px;
	width: 24px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	vertical-align: top;
	font-size: 24px;
	cursor:pointer !important;
}

.amp-default-skin .rcPanelHead sup:hover {
	background-color: #333;
}

.amp-default-skin .rcElm
{
	position: relative;
	display:inline-block;
	width: 108px;
	min-height: 170px;
	padding: 4px;
	margin: 0px 3px;
	vertical-align: top;
	text-align: left;
	text-justify: auto;
	letter-spacing: normal;
	white-space: normal;
}

.playerWide .amp-default-skin .rcElm
{
	width: 142px;
	margin: 0px 6px;
	padding: 4px;
}

.fitToWindow .amp-default-skin .rcElm
{
	width: 164px;
	margin: 0px 10px;
	padding: 4px;
}

.amp-default-skin.vjs-fullscreen .rcElm
{
	width: 164px;
	margin: 0px 10px;
	padding: 4px;
}
.amp-default-skin .rcElm img
{
	width: 100%;
}

.playerWide .amp-default-skin .rcElm .title
{
	margin: 5px 2px;
}

.fitToWindow .amp-default-skin .rcElm .title
{
	padding: 5px 2px;
}

.amp-default-skin.vjs-fullscreen .rcElm .title
{
	padding: 5px 2px;
}

.amp-default-skin .rcElm:hover
{
	background-color: #333;
}


.amp-default-skin .rcPanelBracket .rcPanel a .rcElm img
{
	height: auto !important;
}

.amp-default-skin .rcPanelBracket:hover
{
	background: transparent;
}

/* captions */
.playerHolder .amp-default-skin .vjs-captions-button {
    display:none !important;
}

/* quality control*/
.amp-default-skin .amp-quality-control[type="button"] , .amp-default-skin .amp-quality-control[type="button"]::before
{
	font-family:azuremediaplayer;
	font-size:16px;
	width: 30px;
	height: 30px;
	line-height:19px;
	margin-top: 0;
	padding: 5px 0px 0px 0px;
	z-index: 9;
}

.amp-default-skin .vjs-menu-button.amp-quality-control .vjs-menu, .amp-default-skin .vjs-menu-button-popup.amp-quality-control .vjs-menu
{
	bottom:0;
	height:28px;
}

.amp-default-skin .vjs-menu-button.amp-quality-control .vjs-menu-content
{
/*
	right: -50px;
	margin-bottom: 0px;
	bottom: 5px;
*/
	z-index: 6;
}

.amp-default-skin .vjs-menu-button.amp-quality-control .vjs-menu-content .amp-menu-header
{
	font-size: 0px;
}

.amp-default-skin .vjs-menu-button.amp-quality-control .vjs-menu-content .amp-menu-header:before
{
	font-size: 11px;
	content: "画質調整";
}

.amp-default-skin .amp-live-control::before
{
	content: "";
	display: inline-block;
	font-family: azuremediaplayer;
	font-size: 16px;
	margin-top: -2px;
	margin-left: 10px;
	vertical-align: middle;
	width: auto
}

/* live control*/
.amp-default-skin .amp-live-control.amp-live-on {
  color: inherit;
}

.amp-default-skin .amp-live-control.amp-live-on::before {
  content: " ";
}

/* audio control*/
/* .amp-default-skin .amp-audiotracks-control, .amp-default-skin .amp-audiotracks-control::before
{
  display: none;
} */
.amp-default-skin .amp-audiotracks-control
{
  z-index: 13;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: solid 2px #121212;
	box-shadow: 0 1px 1px 0px rgb(255 255 255 / 20%) inset;
	background-color: #232424;
}

.amp-default-skin .amp-audiotracks-control .vjs-menu-content {
	bottom: 1px !important;
}

.amp-default-skin .amp-audiotracks-control::before
{
	content: "";
	background-image: url('assets/icon/icon_audio.svg') !important;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 11px;
	display: table-cell;
}

/* chromecast*/

.amp-default-skin .castbuttonBracket, .amp-default-skin .castbuttonBracket:hover
{
	background-color: transparent;
}

.amp-default-skin .castbutton
{
	display: block;
	float:right;
	margin-top: 1px;
	width: 32px;
	height: 26px;
	opacity: 1;
	background-color: transparent;
	border: none;
	outline: none;
}

.amp-default-skin .castbutton:hover {
  --disconnected-color: white;
  --connected-color: white;
}


.amp-default-skin .playScreenBlocker
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.7;
	z-index:0;
}

.castActive .amp-default-skin .playScreenBlocker, .castActive.isLive .amp-default-skin .playScreenBlocker, .castActive.isLive.isDvr.amp-default-skin .playScreenBlocker
{
	display: block;
	background-color: #000;
	opacity: 0.7;
}

.amp-default-skin .bigCenterPlayPanel
{
	display: none;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image:url('https://im.akimg.tv.rakuten.co.jp/img/pc/parts/play_af.png?impolicy=variable&width=80&height=80');
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.9;
	z-index:19;
}

.amp-default-skin .bigCenterPlayPanel.active
{
	display: block;
}

.amp-default-skin .bigCenterPlayPanel.active.playother
{
	background-color: rgba(0,0,0,0.1);
	display: block;
}

.amp-default-skin .controlText
{
  font-size: 11px;
  line-height: 28px;
  overflow: hidden
}

.amp-default-skin .castSeekNotice
{
	display: none;
}

.castActive .amp-default-skin .castSeekNotice
{
	display: block;
	position: absolute;
	left: 10px;
	text-align: left;
	width:auto;
}

/* overlay control */
.amp-default-skin .vjs-error .overlayControlPanel
{
  display: none;
}

.playerHolder .amp-default-skin.vjs-user-inactive .overlayControlPanel
{
  opacity: 0;
  pointer-events : none;
}

.castActive.isLive .amp-default-skin .overlayControlPanel
{
  display: none;
}

.playerHolder .amp-default-skin .overlayControlPanel
{
	position: absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:200px;
	height:60px;
	z-index: 0;
}

.playerHolder .amp-default-skin .overlayControlPanel .overlayControlItem
{
	display:none;
}

/* .playerHolder .amp-default-skin .vjs-has-started .overlayControlPanel .overlayControlItem */ /* ←自動再生ブロック対応時に使う予定*/
.playerHolder .amp-default-skin .overlayControlPanel .overlayControlItem 
{
	display:block;
	position:absolute;
	font-family: azuremediaplayer;
	font-size: 82px;
}

.playerHolder .amp-default-skin .overlayControlPanel .overlayFwdButton,
.playerHolder .amp-default-skin .overlayControlPanel .overlayRwdButton {
	cursor: pointer;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,.8));
	filter: drop-shadow(0 0 3px rgba(0,0,0,.8));
	opacity: .5;
	transition: ease .15s;
}

.playerHolder .amp-default-skin .overlayControlPanel .overlayFwdButton
{
	right: 0px;
	background-image:url('assets/icon/icon_forward30s.svg');
}

.playerHolder .amp-default-skin .overlayControlPanel .overlayRwdButton
{
	left: 0px;
	background-image:url('assets/icon/icon_prev_10s.svg');
}

.playerHolder .amp-default-skin.vjs-fullscreen .overlayControlPanel,
.playerHolder.playerWide .overlayControlPanel,
.playerHolder.fitToWindow .overlayControlPanel
{
	width:300px;
	height:90px;
}

.playerHolder.playerWide .amp-default-skin .overlayControlPanel .overlayRwdButton,
.playerHolder.fitToWindow .amp-default-skin .overlayControlPanel .overlayRwdButton,
.playerHolder .amp-default-skin.vjs-fullscreen .overlayControlPanel .overlayRwdButton,
.playerHolder.playerWide .amp-default-skin .overlayControlPanel .overlayFwdButton,
.playerHolder.fitToWindow .amp-default-skin .overlayControlPanel .overlayFwdButton,
.playerHolder .amp-default-skin.vjs-fullscreen .overlayControlPanel .overlayFwdButton
{
	width: 90px;
	height: 90px;
}



/* switch related video */
.playerHolder .amp-default-skin .swRelatedVideoPanel
{
	position: absolute;
	top:30px;
	right:8px;
	z-index: 12;
}

.playerHolder .amp-default-skin .swRelatedVideoBtn
{
	position: relative;
	height: 25px;
	margin-top: 6px;
	padding: 5px 10px 0;
  	border-radius: 3px;
	background-color: #262a31;
	cursor:pointer;
	vertical-align: top;
	font-size:11px;

	-webkit-transition: background-color .15s,box-shadow .15s;
	transition: background-color .15s,box-shadow .15s;
}

.playerHolder .amp-default-skin .swRelatedVideoBtn:hover
{
	background-color: #576371;
}

.amp-default-skin .vjs-error .swRelatedVideoBtn, .amp-default-skin.vjs-user-inactive .vjs-playing .swRelatedVideoBtn
{
  display: none;
}

/*customControl*/
.playerHolder .amp-default-skin .customControl
{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.2);
	opacity: 0.5;
	font-size:12px;
	padding:0;
	z-index:99;
}

.playerHolder.showCustomCtrl .amp-default-skin .customControl
{
	display: block;
}

/* effect */
.playerHolder .amp-default-skin .overlayControlPanel .overlayFwdButton:hover,
.playerHolder .amp-default-skin .overlayControlPanel .overlayRwdButton:hover
{
	opacity: 1;
}
.playerHolder .overlayControlPanel
{
	opacity: 0;
	transition: ease .3s;
}
.playerHolder:hover .overlayControlPanel
{
	opacity: 1;
}
.playerHolder:hover .vjs-control-bar,
.playerHolder .vjs-controls-enabled.vjs-paused .vjs-control-bar,
.playerHolder:hover .vjs-controls-enabled.vjs-playing .vjs-control-bar
{
	bottom: 0!important;
	transition: .5s ease .05s;
}

.playerHolder .vjs-controls-enabled.vjs-playing .vjs-control-bar
{
	bottom: -43px;
	transition: .4s ease 1s;
}

/* speedControl */
.playerHolder .speedControl
{
	z-index:13;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: solid 2px #121212;
	box-shadow: 0 1px 1px 0px rgba(255,255,255,0.2) inset;
	background-color: #232424;
}

.playerHolder .speedControl:hover
{
	border-radius: 50%;
	background-color: rgba(255,255,255,0.1);
}

.vjs-menu-button-popup.speedControl .vjs-menu .vjs-menu-content
{
	bottom: 1px;
}

.playerHolder .amp-default-skin .speedControl::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background:url('assets/icon/icon_play_speed_settings.svg') no-repeat center center;
	background-size: contain;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
}

.playerModal.portrait .amp-default-skin .amp-content-title,
.playerModal.portrait .amp-default-skin.vjs-user-inactive .vjs-playing .amp-content-title
{
    display: none !important;
}

.playerModal.landscape .amp-default-skin .amp-content-title,
.playerModal.landscape .amp-default-skin.vjs-user-inactive .vjs-playing .amp-content-title
{
    display: none !important;
}

.playerHolder .amp-default-skin .noPointer
{
	pointer-events : none;
}


.playerModal .mobileHelpLink
{
	position: fixed;
	margin: 0;
	width: 40px;
	height: 40px;
	left: 40px;
	font-family: azuremediaplayer;
	color: #fff;
	cursor: pointer;
}

.playerModal .mobileConfigMenuHelpLink
{
	position: absolute;
	margin-left: -30%;
	left: 50%;
	bottom: 30px;
	display: inline-block;
	width: 60%;
	color: #fff;
	line-height: 26px;
	height: 26px;
	font-size: 12px;
	border-radius: 2px;
	text-align: center;
	text-decoration: underline;
}

.pc .playerModal .mobileConfigMenuHelpLink
{
	font-size: 16px;
	text-decoration: none;
}

.playerModal.error .mobileHelpLink
{
	left: 0;
}

.playerModal.portrait .mobileHelpLink
{
	/*bottom: 40px;*/
	bottom: 0;
}

.playerModal.landscape .mobileHelpLink
{
	display: none;
	bottom: -4px;
}

.playerModal.landscape.mobileUserActive .mobileHelpLink
{
	display: block;
}

.playerModal .mobileHelpLink:before
{
	font-family: sans-serif;
	font-size: 28px;
	content: "？ ";
	vertical-align: baseline;
	margin-left: 5px;
}

.playerModal .mobileConfigMenuHelpLink .iconHelp
{
}

.playerModal .mobileConfigMenuHelpLink .iconHelp::before
{
	content: '?';
	color: #d4d4d4;
	border: 1px solid #ababab;
	font-size: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	padding: 0 4px;
	line-height: 12px;
	height: 14px;
	border-radius: 3px;
}

.playerModal .mobileConfigButton 
{
	top: auto;
	left: 0;
	position: fixed;
	margin: 0;
	width: 40px;
	height: 40px;
	/*font-family: azuremediaplayer;*/
	color: #fff;
	/*cursor: pointer;*/
	z-index: 1;
	font-size: 30px;
	text-align: right;
}

.playerModal.portrait .mobileConfigButton
{
	bottom: 5px;
}

.pc .playerModal.portrait .mobileConfigButton
{
	bottom: 10px;
}

.playerModal.landscape .mobileConfigButton 
{
	display: none;
	bottom: -4px;
}

.pc .playerModal.landscape .mobileConfigButton
{
	bottom: 15px;
}

.playerModal.landscape.mobileUserActive .mobileConfigButton 
{
	display: block;
}

.playerModal .mobileConfigButton:before
{
	/*font-family: azuremediaplayer;*/
	font-size: 28px;
	/*content: "\e62b ";*/
	vertical-align: baseline;
	padding-left: 10px;
}

.pc .playerModal .mobileConfigButton:before
{
	padding-left: 15px;
	font-size: 38px;
}

.playerModal .mobileConfigMenu
{
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding-bottom: 70px;
	background-color: rgba(20, 21, 22, 0.95);
}

.playerModal .mobileConfigMenu.active
{
	display: block;
}

.playerModal .mobileConfigMenu .mobileConfigMenuClose
{
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 32px;
	text-align: center;
	vertical-align: top;
	opacity: 0.9;
	cursor: pointer;
	width: 32px;
	height: 32px;
	font-size: 24px;
}

.pc .playerModal .mobileConfigMenu .mobileConfigMenuClose
{
	right: 15px;
	top: 15px;
	font-size: 30px;
}

.playerModal .mobileConfigMenu .mobileConfigMenuClose:hover
{
	opacity: 1;
}

.playerModal .mobileConfigMenuContent
{
	margin: 40px 6% 10px;
}

.playerModal .ampTbl
{
	display:table;
	border-collapse:collapse;
}

.playerModal .ampTbl + .ampTbl
{
	margin-top: 15px;
}

.playerModal .ampTbl.ampPlayApp
{
	margin: 20px auto 0;
	text-align: center;
}

.playerModal .ampTblTr
{
	/*display:table-row;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.playerModal .ampTblTh
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border:0;
	text-align:right;
	padding: 0 12px 0 0;
	color: #d2d2d2;
	height: 32px;
	line-height: 32px;
	font-size: 13px;
}

.pc .playerModal .ampTblTh
{
	height: 40px;
	line-height: 40px;
}
.pc .playerModal.portrait .ampTblTh
{
    font-size: 16px;
	height: 56px;
	line-height: 56px;
}

.playerModal .ampTblTd
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.playerModal .ampTblTd.ampTblTdSwitch
{
	border: 1px solid #83888f;
	border-radius: 3px;
}

.pc .playerModal .ampTblTd.ampTblTdSwitch
{
	border-radius: 5px;
}

.playerModal .ampTblTd.plain
{
	border: initial;
	cursor: initial;
}

.playerModal .ampTblTd:hover
{
	/*background-color: #83888f;*/
}

.playerModal .ampTblTd.selected
{
	color:#000;
	background-color:#fff;
}

.playerModal.landscape .mobileTitleRow
{
    display: none;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.playerModal.landscape.mobileUserActive .mobileTitleRow,
.playerModal.landscape.error .mobileTitleRow
{
    display: block;
    background-color: rgba(0, 0, 0, 1);
}

.playerModal .mobileTitleRow
{
	display: table;
	width: 100%;
	height: 40px;
	table-layout: fixed;
	overflow: hidden;
}

.playerModal .mobileTitleRow div
{
	display:table-cell;
    color: #fff;
}

.playerModal .mobileTitleRow div.closeModal
{
	height: 60px;
	line-height: 60px;
	width: 40px;
	padding-left: 10px;
	cursor: pointer;
}

.playerModal .mobileTitleRow div.closeModal:before
{
	content: "";
	margin-top: -3px;
	/*background: url(../../asset/icon_arrow_l.svg) no-repeat;*/
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjQyOTMgMTAuNDczSDguMzkyODlMMTMuMjMwMyA1LjY4NzgxQzEzLjg0NzIgNS4wNzc4IDEzLjg1MjUgNC4wODI3MSAxMy4yNDI1IDMuNDY2MjJDMTIuNjMyNSAyLjg0OTMxIDExLjYzNzggMi44NDQgMTEuMDIwOSAzLjQ1NDA0TDMuNDY2MzIgMTAuOTI2N0MzLjE2NzczIDExLjIyMjIgMyAxMS42MjQgMyAxMi4wNDM4QzMgMTIuNDYzNSAzLjE2NzczIDEyLjg2NSAzLjQ2NjMyIDEzLjE2MDVMMTEuMDIwOSAyMC42MzMyQzExLjYzNzggMjEuMjQzMiAxMi42MzI1IDIxLjIzODIgMTMuMjQyNSAyMC42MjA5QzEzLjg1MjUgMjAuMDA0NCAxMy44NDcyIDE5LjAwOTcgMTMuMjMwMyAxOC4zOTk3TDguMzkyODkgMTMuNjE0MkgyMC40MjkyQzIxLjI5NjYgMTMuNjE0MiAyMiAxMi45MTEyIDIyIDEyLjA0MzhDMjIgMTEuMTc2IDIxLjI5NjYgMTAuNDczIDIwLjQyOTMgMTAuNDczWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") no-repeat;
	width: 24px;
	height: 24px;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}

.pc .playerModal .mobileTitleRow div.closeModal:before
{
	margin-top: -6px;
}

.playerModal .mobileTitleRow div.closeModal h4
{
	position: absolute;
	transform: scaleX(0.5);
	top: 1px;
}

.playerModal .mobileTitleRow div.closeModal .closeHitArea
{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 80px;
	height: 60px;
}

.playerModal .mobileTitleRow div.title
{
	font-size: 14px;
	font-weight:normal;
	line-height: 60px;
	height: 60px;
}

.pc .playerModal .mobileTitleRow div.title
{
	font-size: 18px;
}

.playerModal .mobileTitleRow div.title h4
{
	font-weight:normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.playerModal .mpfilterSelectButton
{
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
    vertical-align: top;
}

.playerModal .mpfilterSelectButton::-webkit-search-decoration
{
	display: none;
}

.playerModal .mpfilterSelectButton::focus
{
	outline-offset: -2px;
}

.playerModal .mpfilterSelectButton
{
	min-width: 12em;
	text-align: left;
	background: rgb(232,233,237);
	background: linear-gradient(0deg, rgba(232,233,237,1) 0%, rgba(247,246,251,1) 100%);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#0a0a0a;
	padding: 0 12px;
	font-size:15px;
	height: 32px;
	line-height: 32px;
	text-decoration:none;
}

.pc .playerModal .mpfilterSelectButton
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height: 40px;
	line-height: 40px;
}
.pc .playerModal.portrait .mpfilterSelectButton
{
	font-size: 18px;
	height: 56px;
	line-height: 56px;
}

.playerModal .ampSwitchBox
{
	line-height: 32px;
	height: 32px;
	padding: 0 15px;
	font-size: 15px;
}

.playerModal .ampSwitchBox:hover
{
	background-color: rgba(0,0,0,.1);
	cursor: pointer;
}

.pc .playerModal .ampSwitchBox
{
	line-height: 40px;
	height: 40px;
}

.pc .playerModal.portrait .ampSwitchBox
{
	line-height: 56px;
	height: 56px;
	font-size: 18px;
}

.pc .playerModal .playerModal.portrait .ampSwitchBox
{
	line-height: 56px;
	height: 56px;
	font-size: 18px;
}

.playerModal .ampSwitchBox.selected
{
    background-color: #dfdfdf;
	color: #0a0a0a;
}

.playerModal .ampSelectBox
{
	position: relative;
}

.ampSelectBox::before
{
	content: '';
	z-index: 1;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: contain;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4KICA8ZyBpZD0iaWNvbl9zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MjYgLTY5NCkiPgogICAgPHJlY3QgaWQ9IumVt+aWueW9ol8xIiBkYXRhLW5hbWU9IumVt+aWueW9oiAxIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcyNiA2OTQpIiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBpZD0i5aSa6KeS5b2iXzEiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDEiIGQ9Ik04LDBsOCw4SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MzMgNjk4KSIgZmlsbD0iIzY3NjU2NiIvPgogICAgPHBhdGggaWQ9IuWkmuinkuW9ol8yIiBkYXRhLW5hbWU9IuWkmuinkuW9oiAyIiBkPSJNOCwwbDgsOEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzQ5IDcyMCkgcm90YXRlKDE4MCkiIGZpbGw9IiM2NzY1NjYiLz4KICA8L2c+Cjwvc3ZnPgo=);
}

.mpfilterSelectButton:hover {
	background-color:#dfdfdf;
}

.mpfilterSelectButton:active {
	position:relative;
	top:1px;
}

.mpfilterSelectModal
{
	display: none;
	text-align: left;
}

.mpfilterSelectModal.active
{
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.mpfilterSelectModalBg
{
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	/* -webkit-transition: opacity .3s linear; */
	/* transition: opacity .3s linear; */
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-tap-highlight-color: transparent;
}

.mpfilterSelectModalInner
{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	border-radius: 10px;
	background: #f3f3f3;
	box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 13px 19px 2px rgba(0,0,0,.14), 0 5px 24px 4px rgba(0,0,0,.12);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-backdrop-filter: brightness(2) saturate(2) blur(20px);
	backdrop-filter: brightness(2) saturate(2) blur(20px);
}

.sp .playerModal.landscape .mpfilterSelectModalInner
{
	height: 60%;
    width: 50%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.pc .mpfilterSelectModalInner
{
	width: 60%;
}


.mpfilterSelectModalMain
{
	/*background-color: rgba(180,180,180,1.0);*/
}

.mpfilterSelectModal .mpfilterSelectDesc
{
	color: #595959;
	border-bottom: 1px solid #C4C4C4;
	padding: 20px;
	line-height: 30px;
	font-size: 13px;
}

.mpfilterSelectModal .mpfilterSelectDesc h4
{
	line-height: 1em;
    font-weight: normal;
}

.mpfilterSelectModal .mpfilterSelectElm
{
	color: #2C2C2C;
	cursor: pointer;
    font-size: 16px;
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
}

.pc .mpfilterSelectModal .mpfilterSelectElm
{
	font-size: 18px;
	height: 58px;
	line-height: 58px;
}

.mpfilterSelectModal .mpfilterSelected
{
    background-color: #d8d8d8;
}

.mpfilterSelectModal .mpfilterSelectCancel
{
	height: 48px;
	line-height: 48px;
	border-top: 1px solid #C4C4C4;
	display: block;
	color: #05c;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.pc .mpfilterSelectModal .mpfilterSelectCancel
{
	font-size: 18px;
	height: 56px;
	line-height: 56px;
}

.mpfilterSelectModal .mpfilterSelectCancel:hover
{
	background-color: rgba(0,0,0,.1);
	cursor: pointer;
}

.mpPlayAppButton
{
	/*border-radius: 0;*/
	/*-webkit-box-sizing: content-box;*/
	/*-webkit-appearance: button;*/
	/*appearance: button;*/
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	min-width: 12em;
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:#0a0a0a;
	font-size:15px;
	height: 44px;
	line-height: 44px;
	text-decoration:none;
	text-align:center;
	width: 280px;
}

.pc .mpPlayAppButton
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height: 50px;
	line-height: 50px;
	width: 340px;
}

.pc .playerModal.portrait .mpPlayAppButton
{
	height: 56px;
	line-height: 56px;
	font-size: 18px;
}

.mpPlayAppButton::-webkit-search-decoration
{
	display: none;
}

.mpPlayAppButton:focus
{
	outline-offset: -2px.mptypeModal .mptypeCheckElm;
}

.mpPlayAppButton:hover {
	background-color:#dfdfdf;
}

.mpPlayAppButton:active {
	position:relative;
	top:1px;
}

.mpPlayAppButton .mpPlayAppButtonTxt
{

}

.mpPlayAppButton .mpPlayAppButtonTxt::before
{
	content: '';
	display: inline-block;
	/*content: url('../../asset/icon_app.svg');*/
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iOCIgZmlsbD0iI0JGMDAwMCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjg2NDIgMTcuNjkyNkMyMC4zNzA4IDE3Ljk5MTEgMjAuMzg2OSAxOC4yNjM1IDIwLjQyNjQgMTguOTIxOEMyMC40MjY0IDE4LjkyMTggMjAuNTUwMiAyMC41OTM2IDIwLjYwMTEgMjEuNDY2NkMyMC42Mjk3IDIxLjk1ODMgMjAuNjYzMiAyMi40Njk3IDIwLjY5NzQgMjIuOTkyOUMyMC44NzgzIDI1Ljc1NzcgMjEuMDgwOSAyOC44NTI4IDIwLjcwNjEgMzEuMTI0NkMyMC4zOTE2IDMzLjAzNTYgMTkuNzkxIDM0LjM2NTcgMTguNTQ2MiAzNC4zNjU3QzE3LjMwNzQgMzQuMzY1NyAxNy4yMDk0IDMyLjI2MTkgMTcuMTY1OSAzMS4zMjc1QzE3LjE2MjMgMzEuMjUxNiAxNy4xNTkxIDMxLjE4MzQgMTcuMTU1NyAzMS4xMjQ2QzE3LjEzMTggMzAuNzEyMyAxNi44NzY1IDI0LjgxNjMgMTYuNzUxNyAyMS43ODMzQzE2LjcyMjEgMjEuMDY0NyAxNi42NTI0IDE5LjQ3MzUgMTYuNjM0NyAxOS4zMTkxQzE2LjYyMTcgMTkuMjAyMSAxNi41NDQzIDE5LjE0MTggMTYuMzg0NiAxOS4xNjIxQzE1LjM5NTkgMTkuMjg4NyAxMi44MjQ5IDIwLjE4NzYgMTEuOTk5MiAyMC40NzYzQzExLjg4NTYgMjAuNTE2IDExLjgwNSAyMC41NDQyIDExLjc2NjIgMjAuNTU3MkMxMC4yMzY0IDIxLjA2OTQgOCAyMC41OTYyIDggMTguNzM5OUM4IDE3LjU2NjggOS4wMTc1OSAxNi43MTE0IDEwLjE3ODcgMTYuNDI1OUMxMy4wMDQzIDE1LjczMTggMTguMTA2OCAxNC4wNDEzIDIyLjE1NTggMTIuNTk0OEMyMi42MjYgMTIuNDI2OCAyMy4wNDg0IDEyLjI3MTUgMjMuNDM1MyAxMi4xMjkzQzI1LjQ1MiAxMS4zODggMjYuNTA3NiAxMSAyOC4zNjcgMTFDMjkuMTc5MiAxMSAyOS45Nzg5IDExLjEzNDcgMzAuNTc0OCAxMS41MzYxQzMxLjIwNTUgMTEuOTYyIDMxLjU0MTQgMTIuNjMxNyAzMS41NzE2IDEzLjUyNzZDMzEuNjU1MyAxNi4wMzE4IDMwLjI4MDUgMTcuNTU2OSAyOS4xMTc4IDE4LjE2MzJDMjguMjMyMyAxOC42MjU1IDI3Ljk0NTggMTguNTQ0OSAyNy42NTM2IDE4LjMxNjZDMjcuMjk3NCAxOC4wMzc5IDI3LjM4NDIgMTcuMzc3IDI3LjcwMzUgMTYuNjcyOUMyNy44Nzk3IDE2LjI4NCAyNy44MjQ2IDE1Ljg0NTcgMjcuNTY5OCAxNS41NTg2QzI3LjMyNTUgMTUuMjgyNSAyNi45NDA3IDE1LjIwMDQgMjYuNTIgMTUuMzMxNEMyMy4xMDc0IDE2LjM4NjQgMjEuMjA5NSAxNy40ODM2IDIwLjg2NDIgMTcuNjkyNlpNMzIuNjg0NSAxOS45MTY3QzMzLjgzMTEgMTcuMTYyOSAzNS40MjUzIDE0LjA2MTggMzcuMTAwNyAxNC4wNjE4QzM4LjExOTMgMTQuMDYxOCAzOC40MSAxNC43ODQgMzguNDEgMTUuNDcyNUMzOC40MSAxNi43NjMzIDM3LjU0ODggMTguNzU2MSAzNi43NDgzIDIwLjYwODNDMzYuNjQ5MiAyMC44Mzc3IDM2LjU1MDkgMjEuMDY0OSAzNi40NTU0IDIxLjI4ODRDMzUuMzg2MyAyMy43ODkgMzMuNzI1NSAyNy44OTc4IDMzLjA2MiAzMC4wNzAzQzMyLjY5NiAzMS4yNzA0IDMyLjI2OCAzMi43MzYyIDMxLjk2NzUgMzQuMDI1OEMzMS40OTU5IDM2LjA0NzQgMzAuNTcxNCAzNi4zMjA5IDI5Ljg5MjMgMzYuMzIwOUMyOS40NzQ3IDM2LjMyMDkgMjguODU2NSAzNi4wNzAzIDI4LjE5NzcgMzQuMDg5MkMyOC4xMDA0IDMzLjc5OCAyNy4wMjQ2IDMwLjQ5MiAyNy4wMjQ2IDMwLjQ5MkMyNi43ODI3IDI5LjczNTIgMjUuNDU2MiAyNi40Nzc4IDI0Ljc1NzMgMjQuNzYxN0MyNC41MjMyIDI0LjE4NyAyNC4zNTk2IDIzLjc4NTEgMjQuMzMwNiAyMy43MDc5QzIzLjk3MTggMjIuNzUxMSAyMy42MjcxIDIxLjcxMjIgMjMuNjI3MSAyMC44ODA4QzIzLjYyNzEgMTkuNzA4MiAyNC40MDg2IDE5LjMwNDIgMjUuMDY2OSAxOS4zMDQyQzI2LjI0NjcgMTkuMzA0MiAyNy4xNzU0IDIwLjcwNTUgMjguMDQ0MyAyMi41MzEyQzI4LjQwMjkgMjMuMjg0MiAyOS4wMDQ2IDI0Ljk2ODQgMjkuNDYzIDI2LjI1MTNDMjkuNjU2NiAyNi43OTMzIDI5LjgyNDcgMjcuMjYzNiAyOS45MzggMjcuNTYxOUMzMC4xMzU5IDI3LjEzODkgMzAuMzg3NiAyNi4zNzAzIDMwLjcxNDMgMjUuMzcyOEMzMS4xOTAyIDIzLjkxOTUgMzEuODI1MiAyMS45ODA1IDMyLjY4NDUgMTkuOTE2N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguOTgyNiA0My45NjU2QzM2LjIyOTEgNDMuOTY1NiAzNCA0MS43MzU4IDM0IDM4Ljk4NEMzNCAzNi4yMzE3IDM2LjIyOTEgMzQgMzguOTgyNiAzNEM0MS43MzQ4IDM0IDQzLjk2NTYgMzYuMjMxNyA0My45NjU2IDM4Ljk4NEM0My45NjU2IDQxLjczNTggNDEuNzM0OCA0My45NjU2IDM4Ljk4MjYgNDMuOTY1NlpNMzguMzIzOCA0MS42NjFWNDAuMDAwM0gzOS4wNDM2TDQwLjI4OTUgNDEuNjYxSDQxLjU2MzFMNDAuMDU3NyAzOS42NTY5QzQwLjUyNjkgMzkuMzIwMSA0MC44MzQ5IDM4Ljc3MjYgNDAuODM0OSAzOC4xNTIyQzQwLjgzNDkgMzcuMTMzNCA0MC4wMDY2IDM2LjMwNiAzOC45ODc4IDM2LjMwNkgzNy4zMDY0VjQxLjY2MUgzOC4zMjM4Wk0zOC4zMjM4IDM3LjMyMjhIMzguOTg3OEMzOS40NDQ4IDM3LjMyMjggMzkuODE4NCAzNy42OTQ1IDM5LjgxODQgMzguMTUyMkMzOS44MTg0IDM4LjYxMTMgMzkuNDQ0OCAzOC45ODI2IDM4Ljk4NzggMzguOTgyNkgzOC4zMjM4VjM3LjMyMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
	background-repeat: no-repeat;
	background-size: contain;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin-right: 7px;
	margin-top: -2px;
}

.pc .mpPlayAppButton .mpPlayAppButtonTxt::before
{
	width: 28px;
	height: 28px;
}

.playerModal .mobileControlBar
{
	width: 100%;
	height: 110px;
	background-color: rgba(20, 21, 22, .7);
}

.playerModal .mobileControlBar.noDvr
{
	width: 100%;
	height: 80px;
	background-color: rgba(20, 21, 22, .7);
}

.pc .playerModal .mobileControlBar
{
	height: 130px;
}

.pc .playerModal .mobileControlBar.noDvr
{
	height: 100px;
}

.playerModal.landscape .mobileControlBar
{
	display: none;
}

.playerModal.landscape.mobileUserActive .mobileControlBar
{
	display: block;
}

.playerModal.landscape .mobileControlBar
{
	position: absolute;
	bottom: 0px;
}

.playerModal .mobileControlTimeLine
{
	width: 100%;
	height: 40px;
	/*background-color: rgba(20, 21, 22, .7);*/
	display: table;
    table-layout: fixed;
    font-size:12px;
	font-family: arial,helvetica,clean,sans-serif;
	color: white;
}

.pc .playerModal .mobileControlTimeLine
{
	font-size: 16px;
}


.playerModal .mobileCurrentTime,
.playerModal .mobileDuration
{
	position:absolute;
	width: 60px;
	height: 40px;
	line-height: 40px;
	box-sizing:border-box;
}

.playerModal .mobileCurrentTime
{
	text-align: right;
	padding-left: 10px;
}

.playerModal .mobileDuration
{
	right: 0;
	text-align: left;
	padding-right: 10px;
}
.pc .playerModal .mobileCurrentTime,
.pc .playerModal .mobileDuration
{
	width: 80px;
}

.playerModal .mobileLiveButton
{
	position:absolute;
	/*width: 60px;*/
	/*height: 40px;*/
	/*line-height: 40px;*/
	box-sizing:border-box;
	left: 0;
	text-align: left;
	/*padding-left: 10px;*/
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
	border-radius: 4px;
	margin-left:10px;
	padding: 8px 6px;
	height: 28px;
	line-height: 12px;
	width: auto;
	margin-top: 8px;
	font-size: 11px;
	vertical-align: middle;
}

.playerModal .mobileLiveButton:before {
	content: '';
	width: 6px;
	height: 6px;
	background-color: #D1D1D1;
	display: inline-block;
	border-radius: 6px;
	margin-right: 4px;
	vertical-align: middle;
	margin-top: -2px;
}

.playerModal .amp-live-on .mobileLiveButton
{
	/*color: #b5e2f5;*/
	border: 1px solid #D80000;
	color: #fff;
}

.playerModal .amp-live-on .mobileLiveButton:before {
	background-color: #D80000;
}

.playerModal .noDvrLivedebugBtn
{
	position:absolute;
	/*right:0;*/
	padding-right: 10px;
}

.playerModal .mobileProgressBar
{
	position: absolute;
	height: 40px;
	left: 80px;
	right: 80px;
}

.pc .playerModal .mobileProgressBar
{
	left: 100px;
	right: 100px;
}

.playerModal .mobileProgressBar .progressHolder
{
	position: absolute;
	display: block;
	width: 100%;
	height: 3px;
	top: 18px;
	background-color: #666;
	margin-bottom: 3px;
	border-radius: 5px;
}

.playerModal .mobileProgressBar .progressPlay
{
	display: block;
	width: 0%;
	height: 3px;
	background-color: #3172EB;
	border-radius: 5px;
}

.playerModal .mobileProgressBar .sliderHandle
{
	position: absolute;
	display: block;
}

.playerModal .mobileProgressBar .sliderHandle::before
{
	position: absolute;
	height: 26px;
	width: 26px;
	background-color: #fff;
	border-radius: 20px;
	content: '';
	margin: -15px 0 0 -13px;
}

.playerModal .mobileProgressBar .sliderHandle::after
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: -20px;
	top: -20px;
	background-color: rgba(0,0,0,0);
	content: '';
	cursor: pointer;
}

.playerModal .mobileControlMainLine
{
	/*display: table;*/
    /*table-layout: fixed;*/
	width: 100%;
	height: 70px;
	line-height: 70px;
	/*background-color: #141516;*/
    font-size:20px;
	/*font-family: azuremediaplayer;*/
	color: #ffffff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.playerModal .mobileControlMainLine .playButton
{
	display:table-cell;
	text-align: center;
    vertical-align: middle;
    padding: 0 32px;
}

.playerModal .mobileControlMainLine .fwdButton
{
	/*display: table-cell;*/
	/*text-align: left;*/
    /*vertical-align: middle;*/
}

.playerModal .mobileControlMainLine .rwdButton
{
	/*display: table-cell;*/
	/*text-align: -webkit-right;*/
	/*vertical-align: middle;*/
}

.playerModal .mobileControlMainLine .playButton:before
{
	content: "";
	/*background: url(../../asset/icon_play.svg) no-repeat;*/
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M30%2020L15%2028.6603L15%2011.3397L30%2020Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
}

.playerModal.mobilePlaying .mobileControlMainLine .playButton:before
{
	content: "";
	/*background: url(../../asset/icon_stop.svg) no-repeat;*/
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M13%2028H17.3333V13H13V28ZM21.6667%2013V28H26V20.5V13H21.6667Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: contain;
}

.pc .playerModal .mobileControlMainLine .playButton:before
{
	width: 60px;
	height: 60px;
}

.playerModal .mobileControlMainLine .fwdButton:before
{
	content: "";
	/*background: url(../../asset/icon_ff30.svg) no-repeat;*/
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.6511%2041.0421C32.7092%2041.0421%2039.3022%2034.2779%2039.3022%2026.0105L37.3623%2026.0225C37.3623%2033.1956%2031.6281%2039.0646%2024.6196%2039.0646C17.6108%2039.0646%2011.8766%2033.1956%2011.8766%2026.0225C11.8766%2018.8493%2017.6108%2012.9804%2024.6196%2012.9804L24.6511%2017.8316L32.0844%2012.8579L24.6511%207V10.9789C16.5929%2010.9789%209.99992%2017.7432%209.99992%2026.0105C9.99992%2034.2779%2016.5929%2041.0421%2024.6511%2041.0421Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M18.8024%2025.8296H19.9132C21.1383%2025.8296%2021.8937%2026.4136%2021.8874%2027.4609C21.881%2028.3496%2021.132%2028.9844%2020.0148%2028.9844C18.8659%2028.9844%2018.0851%2028.4067%2018.0153%2027.5117H16.6505C16.7394%2029.0859%2018.0534%2030.1714%2020.0148%2030.1714C21.9254%2030.1714%2023.3346%2029.0732%2023.3346%2027.4609C23.3346%2026.1787%2022.4333%2025.3599%2021.0876%2025.2393V25.2075C22.2111%2024.9727%2023.0172%2024.2046%2023.0172%2023.0557C23.0172%2021.6909%2021.8683%2020.6689%2020.0021%2020.6689C18.2121%2020.6689%2016.9616%2021.6909%2016.8473%2023.2905H18.1803C18.2502%2022.3765%2018.9865%2021.8369%2020.0021%2021.8369C21.0812%2021.8369%2021.6335%2022.3955%2021.6335%2023.2524C21.6335%2024.1094%2020.9225%2024.7251%2019.8752%2024.7251H18.8024V25.8296ZM28.9355%2030.1714C31.1382%2030.1714%2032.4331%2028.3242%2032.4331%2025.4043C32.4331%2022.5034%2031.1255%2020.6689%2028.9355%2020.6689C26.7456%2020.6689%2025.4253%2022.5098%2025.4253%2025.4106C25.4253%2028.3306%2026.7266%2030.1714%2028.9355%2030.1714ZM28.9355%2028.978C27.6089%2028.978%2026.8662%2027.626%2026.8662%2025.4106C26.8662%2023.2271%2027.6279%2021.8623%2028.9355%2021.8623C30.2432%2021.8623%2030.9985%2023.2207%2030.9985%2025.4106C30.9985%2027.6323%2030.2559%2028.978%2028.9355%2028.978Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: contain;
	width: 48px;
	height: 48px;
	display: table-cell;
}

.playerModal .mobileControlMainLine .rwdButton:before
{
	/*display:table-cell;*/
	/*content: "\e61b";*/
	content: "";
	/*background: url(../../asset/icon_re10.svg) no-repeat;*/
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.6512%2041.0421C16.593%2041.0421%2010%2034.2779%2010%2026.0105L11.94%2026.0225C11.94%2033.1956%2017.6742%2039.0646%2024.6826%2039.0646C31.6915%2039.0646%2037.4257%2033.1956%2037.4257%2026.0225C37.4257%2018.8493%2031.6915%2012.9804%2024.6826%2012.9804L24.6512%2017.8316L17.2179%2012.8579L24.6512%207V10.9789C32.7093%2010.9789%2039.3023%2017.7432%2039.3023%2026.0105C39.3023%2034.2779%2032.7093%2041.0421%2024.6512%2041.0421Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M19.7189%2031H21.109V21.8403H19.7062L17.2941%2023.5542V24.8999L19.6872%2023.2495H19.7189V31ZM27.605%2031.1714C29.8076%2031.1714%2031.1025%2029.3242%2031.1025%2026.4043C31.1025%2023.5034%2029.7949%2021.6689%2027.605%2021.6689C25.415%2021.6689%2024.0947%2023.5098%2024.0947%2026.4106C24.0947%2029.3306%2025.396%2031.1714%2027.605%2031.1714ZM27.605%2029.978C26.2783%2029.978%2025.5356%2028.626%2025.5356%2026.4106C25.5356%2024.2271%2026.2974%2022.8623%2027.605%2022.8623C28.9126%2022.8623%2029.668%2024.2207%2029.668%2026.4106C29.668%2028.6323%2028.9253%2029.978%2027.605%2029.978Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: contain;
	width: 48px;
	height: 48px;
	display: table-cell;
}

.pc .playerModal .mobileControlMainLine .fwdButton:before,
.pc .playerModal .mobileControlMainLine .rwdButton:before
{
	width: 60px;
	height: 60px;
}


.playerModal .amp-default-skin .mobileOverlay
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #ff0000;
	opacity: 0;
	z-index:0;
}

.playerModal.landscape .amp-default-skin .mobileOverlay
{
	display: block;
}


/* switch related video mobile*/
.playerModal .swRelatedVideoPanel
{
	position: absolute;
}

.sp .playerModal .swRelatedVideoPanel
{
	top: auto;
	left: auto;
	bottom: 20px;
	right: 20px;
}

.pc .playerModal .swRelatedVideoPanel
{
	top: 62px;
	right: 10px;
}

.playerModal.landscape .swRelatedVideoPanel
{
	display: none;
}

.sp .playerModal.landscape .swRelatedVideoPanel
{
	top: 62px;
	bottom: auto;
	right: 10px;
	left: auto;
	text-align: right;
}

.sp .playerModal.landscape .swRelatedVideoPanel .swRelatedVideoBtn
{
	text-align: center;
}

.playerModal.landscape.mobileUserActive .swRelatedVideoPanel
{
	display: block;
}

.playerModal .swRelatedVideoBtn
{
	position: relative;
	height: 25px;
	margin-top: 2px;
	padding: 5px;
  	border-radius: 3px;
	background-color: rgba(60, 60, 60, 0.7);
	cursor:pointer;
	line-height: 25px;
	color: #fff;
	/*display: inline-block;*/
}

.playerModal.error .swRelatedVideoBtn
{
  display: none;
}


.mobileErrorModal
{
	display: block;
	position: fixed;
	bottom: 0;
	padding-bottom: 100px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 9999;
}

.mobileErrorModal .message
{
	color: #d2d2d2;
	line-height: 20px;
	margin: 10px;
	background-color: rgba(0,0,0, 0.7);
}


/*end*/