/* 

Kanrit Player CSS 

Player ver / WebTV ver
      52+ => same version as current WebTV version
      51 => same player as 3.1pf4,2
	  3.1pf4,2
	  3.1  / 3.1
      2.29 / 3.0.5pf1
      2.23 / 3.0.4
      2.22 / 3.0.3
      2.18 / 3.0pf2
      2.16 / 3.0pf2
      2.14 / 3.0pf2
      2.10 / 2.4pf2
   2.9.0.4 / 2.3.0.1
       2.7 / 2.1
       2.6 / 2.0
   2.5.0.2 / 1.9pf2
       2.5 / 1.9
       2.4 / 1.8.5
     2.2.2 / 1.7
     2.1.9 / 1.6.1
     2.1.7 / 1.6
    2.0.15 / 1.4.0.1
	2.0.13 / 1.3.1.1

NOTES:
v2.7   :  button images have been reduced/simplified
v2.6   :  .std, .med or .big class is now only applied to the player container and not to the individual elements 
v2.1.9 :  all with .hidpi class

*/
.kPlayer             { display:block; border:0; background:#000; z-index:3; direction:ltr !important; }
.kPlayer,            /* v54.3, v55 */
.kPlayerMask         { background-position: center center; background-repeat: no-repeat; webkit-background-size:cover; o-background-size:cover; moz-background-size:cover; background-size:cover; } /* v55 */
.kPlayerLoading       /* v2.6, v2.10 */{ position:absolute; z-index:1; display:block; background:#000 /*url('images/kplayer_loading.gif') center center no-repeat*/;  z-index:3}
.legacyLoadingAnim .kPlayerLoading /* v2.10 */{ background:#000 url('images/kplayer_loading.gif') center center no-repeat; }
.kPlayerLoading.transparent       { background-color:transparent; }
.kPlayerLoading.opaque           { background-color:#000; }
.kPlayerLoading.kPlayerError      /* v2.0.15 */{ background:#000 url('images/kplayer_error.png') center center no-repeat; }
/* v58.2.1 */
.kPlayerLoading.kPlayerError { background-image:none; background-color:#000; }
.kPlayerLoading.kPlayerError::before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:0; opacity:0.4; background:#000 url('images/kplayer_error.png') center center no-repeat; }
.kPlayerLoading.kPlayerError.kPlayerErrorTransp /* v2.22 */{ background-color:transparent; }
.kPlayerLoading.kPlayerError.kPlayerErrorTransp::before /* v58.2.1 */ { display:none; }
.kPlayerLoading.kPlayerWait      /* v2.1.7 */{ background:#000 url('images/kplayer_wait.png') center center no-repeat; }
.hidpi .kPlayerLoading.kPlayerWait      { background-image:url('images/kplayer_wait_hidpi.png'); background-size:170px 174px; -o-background-size:170px 174px; -moz-background-size:170px 174px; }
.kPlayerLoading.kPlayerWait { background-image:none; background-color:#000; }
.kPlayerLoading.kPlayerWait::before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:0; opacity:0.4; background:#000 url('images/kplayer_wait_hidpi.png') center center no-repeat; background-size:210px 215px; }
.kPlayerLoading.kPlayerWait a, /* v2.1.7 */
.kPlayerLoading.kPlayerError a /* v2.0.13 */ { color:#fff; text-decoration:none; }
.kPlayerLoading.kPlayerWait a:hover, /* v2.1.7 */
.kPlayerLoading.kPlayerError a:hover /* v2.0.13 */ { text-decoration:underline; }
.kPlayerLoading.kPlayerStart      /* v2.6, v61.3.15 */{ z-index:1; background:transparent url('images/kplayer_start.png') center center no-repeat; cursor:pointer; z-index:3;  }
.hidpi .kPlayerLoading.kPlayerStart      { background-image:url('images/kplayer_start_hidpi.png'); background-size:170px 174px; -o-background-size:170px 174px; -moz-background-size:170px 174px; }
.kPlayerLoading.kPlayerLiveRtsp    /* v2.6 */{ z-index:1; background:#000 url('images/kplayer_live_rtsp.jpg') center center no-repeat; -webkit-background-size:contain; -o-background-size:contain; -moz-background-size:contain; background-size:contain; cursor:pointer; }
.hidpi .kPlayerLoading.kPlayerLiveRtsp      { background-image:url('images/kplayer_live_rtsp_hidpi.jpg');  }
.kPlayerLoading .uiMessage       /* v2.22 */{ z-index:99; margin:0 auto; text-align:center; font-weight:bold; width:auto; color:#fff; padding-top:40px; font-size:14px; text-shadow: 1px 2px 2px rgba(0, 0, 0, 1); }
.kPlayerLoading .uiMessage       /* v58.2.1 */{ position:absolute; width:100%; padding:0; text-align:center; transform:translateY(-50%); top:50%; }
.kPlayerLoading .uiMessage.uiMessageCookieConsent         /* v55 */ { position: absolute; box-sizing:border-box; width:100%; top:50%; transform:translate(0, -50%); background:rgba(0,0,0,0.5); padding:10px; }
.kPlayerLoading .uiMessage.uiMessageCookieConsent a       /* v55 */ { display:inline-block; background:#448BC0; color:#fff; text-shadow:none; padding:6px; padding-left:10px; padding-right:10px; }
.kPlayerLoading .uiMessage.uiMessageCookieConsent a:hover /* v55 */ { color:#448BC0; background:#fff; text-decoration:none; }
.kPlayerLoading .uiMessage.uiMessageCookieConsent .cookiesType /* v55 */ { color:#fff0a5; vertical-align:baseline; }
.kPlayerLoading .uiMessage h2.title /* v58.2.1 */ { padding:0; font-size:16px; margin:0; margin-bottom:10px; line-height:16px; }
.kPlayerLoading.kPlayerCustomBkg /* v58.2.1 */ { background-color:#000; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.kPlayerLoading.kPlayerCustomBkg .uiMessage /* v58.2.4 */{ background: rgba(0,0,0,0.7); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 17%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,0) 100%); padding-top:30px; padding-bottom:30px; }
.kPlayerLoading.kPlayerError.kPlayerCustomBkg::before /* v58.2.1 */ { display:none; }
.kPlayerVpaidAdsWrapper /* v61.3.15 */ { position:absolute; width:100%; }
.kPlayerVpaidAdsWrapper.active /* v61.3.15 */ { z-index:2; cursor:pointer; }
.kPlayerVpaidAdsWrapper > div /* v61.3.15 */ { z-index:2; }

/* Chromecast-related v61.2.3 */
.kPlayerCastingScreen { position:absolute; width:100%; }
.kPlayerCastingScreen * { pointer-events:none; }
.kPlayerCastingMsg { position: absolute; top:50%; width:100%; color:#fff; font-size:18px; text-align:center; transform:translateY(-50%); }
.kPlayerCastingMsg * { vertical-align:baseline; }
.kPlayerCastingMsg .chromecastSVGIcon { width:50px; height:50px; display:block; margin:10px auto;  }
.chromecastSVGIconPath { fill-rule:evenodd; clip-rule:evenodd; fill:#fff; }

/* countdown v58.2.1 */
.playerCountDown { display:block; text-align:center; margin:0; margin-top:10px; margin-bottom:10px; color:#fff; }
.playerCountDownTimePart { display:inline-block; font-size:17px; width:40px; height:40px; line-height:40px; margin:2px; background:rgba(0,0,0,0.4); border-radius:4px; }
.playerCountDownTimePart { background:rgba(100,100,100,0.4); padding-top:5px; padding-bottom:5px; height:auto; line-height:16px; }
.playerCountDownTimePartName { display:block; opacity:0.6; padding-top:4px; height:8px; line-height:8px; font-size:8px; font-weight:normal; }

@media only screen and (max-width: 480px) /* v55 */ {
  .kPlayerLoading .uiMessage.uiMessageCookieConsent { font-size:12px; }
}

.kPlayerUIWrapper { display:block; position:relative; direction:ltr; }
.kPlayerUI            /* v3.1pf4,2 */ { display:block; /*z-index:5;*/ z-index:6; position:absolute; direction:ltr; /*background:#f00*/ }
/*.kPlayerUI .kpInfo     { position:absolute; margin:0; margin:0; top:0; }*/

.kStereoCanvas /* v2.7 */ { display:none; position:absolute; left:0; top:0; }
.k360Container /* v2.7 */ { display:none; position:absolute; }

/* MouseMove detector - 2.9.0.4 - (specially necessary for YouTube embedded player */
.kpMMD           { display:block; background:transparent; /*background:#000;opacity:0.01;*/ position:absolute;overflow:hidden; }
.kpMMD.kpMMDLeft { width: 18px; left: 0; margin-bottom: -2000px; padding-bottom: 2000px; }
.kpMMD.kpMMDUp   { height:18px; top:  0; width:100%; }
.kpMMD.kpMMDRight{ width: 18px; right:0; margin-bottom: -2000px; padding-bottom: 2000px; }
.kpMMD.kpMMDDown { height:18px; top:  0; width:100%; }

/********************************************************************/
/*********** Material loading spinner animation (2.10) ***********/
/********************************************************************/
/* 
	Credits: 
	http://david.ingledow.co.uk/blog/google-material-designs-animated-loading-spinner-svg-and-css/ 
*/
.materialLoadingAnimation { /*position: relative; margin: 0 auto;*/ width: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; z-index:9; }
.materialLoadingAnimation:before { content: ''; display: block; padding-top: 100%; }
.circular {
  -webkit-animation: KFMaterialLoadingRotate 2s linear infinite;
          animation: KFMaterialLoadingRotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
  border-radius:50px; background:rgba(0,0,0,0.2);
}
.path {
  stroke:#f0f0f0;	
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: KFMaterialLoadingDash 1.5s ease-in-out infinite /* uncomment the following for color animation */ /*, KFMaterialLoadingColor 6s ease-in-out infinite*/;
          animation: KFMaterialLoadingDash 1.5s ease-in-out infinite /* uncomment the following for color animation */ /*, KFMaterialLoadingColor 6s ease-in-out infinite*/;
  stroke-linecap: square /*round*/;
}
@-webkit-keyframes KFMaterialLoadingRotate {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes KFMaterialLoadingRotate {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes KFMaterialLoadingDash {
  0%   { stroke-dasharray:  1, 200; stroke-dashoffset: 0; }
  50%  { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; }
  100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; }
}
@keyframes KFMaterialLoadingDash {
  0%   { stroke-dasharray:  1, 200; stroke-dashoffset: 0;}
  50%  { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; }
  100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; }
}
/* uncomment the following for color animation */
/*
@-webkit-keyframes KFMaterialLoadingColor {
  100%, 0% { stroke: #d62d20; }
  40% { stroke: #0057e7; }
  66% { stroke: #008744; }
  80%, 90% { stroke: #ffa700; }
}
@keyframes KFMaterialLoadingColor {
  100%, 0% { stroke: #d62d20; }
  40% { stroke: #0057e7; }
  66% { stroke: #008744; }
  80%, 90% { stroke: #ffa700; }
}*/

.kPlayerLoading.kPlayerError .materialLoadingAnimation,
.kPlayerLoading.kPlayerWait .materialLoadingAnimation,
.kPlayerLoading.kPlayerStart .materialLoadingAnimation,
.kPlayerLoading.kPlayerLiveRtsp .materialLoadingAnimation
{ display:none; }
.legacyLoadingAnim .materialLoadingAnimation { display:none; }

/************************************************/
/*********** Icon Sprite (v2.7) ***********/
/************************************************/
.std .kPlayerUI       .kpBt,
.kPlayerUIWrapper.std .kp360,
.std .kPlayerUI       .kpFilmstrip .kpFsBt,
.kPlayerUIWrapper.std .clipInfoShare,
.kPlayerUIWrapper.std .kpInteractivityClose,
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode,
.kPlayerUIWrapper.std .kpMutedIndicator /* v2.14 */
{ background: url('images/kplayer_ui_sprite.png'); 
/* background-size is 1x kplayer_ui_sprite.png width x height */ 
background-size:330px 200px !important; -o-background-size:330px 200px !important; -moz-background-size:330px 200px !important; }
.std .kPlayerUI.hidpi .kpBt,
.kPlayerUIWrapper.std.hidpi .kp360,
.std .kPlayerUI.hidpi .kpFilmstrip .kpFsBt,
.kPlayerUIWrapper.std.hidpi .clipInfoShare,
.kPlayerUIWrapper.std.hidpi .kpInteractivityClose,
.std .kPlayerUI.hidpi .kp3DStereoMenu a.k3DStereoMode,
.kPlayerUIWrapper.std.hidpi .kpMutedIndicator /* v2.14 */
{ background-image: url('images/kplayer_ui_sprite@2x.png');  }


.med .kPlayerUI       .kpBt,
.kPlayerUIWrapper.med .kp360,
.med .kPlayerUI       .kpFilmstrip .kpFsBt,
.kPlayerUIWrapper.med .clipInfoShare,
.kPlayerUIWrapper.med .kpInteractivityClose,
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode,
.kPlayerUIWrapper.med .kpMutedIndicator /* v2.14 */
{ background: url('images/kplayer_ui_sprite@2x.png'); 
/* background-size is 1.5x kplayer_ui_sprite.png width x height */ 
background-size:495px 300px !important; -o-background-size:495px 300px !important; -moz-background-size:495px 300px !important; }
.med .kPlayerUI.hidpi .kpBt,
.kPlayerUIWrapper.med.hidpi .kp360,
.med .kPlayerUI.hidpi .kpFilmstrip .kpFsBt,
.kPlayerUIWrapper.med.hidpi .clipInfoShare,
.kPlayerUIWrapper.med.hidpi .kpInteractivityClose,
.med .kPlayerUI.hidpi .kp3DStereoMenu a.k3DStereoMode,
.kPlayerUIWrapper.med.hidpi .kpMutedIndicator /* v2.14 */
{ background-image: url('images/kplayer_ui_sprite@3x.png')  ;  }


.big .kPlayerUI       .kpBt,
.kPlayerUIWrapper.big .kp360,
.big .kPlayerUI       .kpFilmstrip .kpFsBt,
.kPlayerUIWrapper.big .clipInfoShare,
.kPlayerUIWrapper.big .kpInteractivityClose,
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode,
.kPlayerUIWrapper.big .kpMutedIndicator /* v2.14 */
{ background: url('images/kplayer_ui_sprite@2x.png');
/* background-size is 2x kplayer_ui_sprite.png width x height */
background-size:660px 400px !important; -o-background-size:660px 400px !important; -moz-background-size:660px 400px !important; }
.big .kPlayerUI.hidpi .kpBt,
.kPlayerUIWrapper.big.hidpi .kp360,
.big .kPlayerUI.hidpi .kpFilmstrip .kpFsBt,
.kPlayerUIWrapper.big.hidpi .clipInfoShare,
.kPlayerUIWrapper.big.hidpi .kpInteractivityClose,
.big .kPlayerUI.hidpi .kp3DStereoMenu a.k3DStereoMode,
.kPlayerUIWrapper.big.hidpi .kpMutedIndicator /* v2.14 */
{ background-image: url('images/kplayer_ui_sprite@3x.png')  ;  }


/************************************************/
/*********** Video Thumbnails (v2.1.0) ***********/
/************************************************/
.kPlayerUIWrapper .kpVisualSeek /* v3.1 */ { display:none; z-index:999; background:rgba(0,0,0,0.75); position:absolute; width:auto; height:auto; padding:3px; 
											-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); 
											-moz-box-shadow:    0px 0px 20px rgba(0, 0, 0, 0.4); 
											box-shadow: 		0px 0px 20px rgba(0, 0, 0, 0.4); 
											}
.kPlayerUIWrapper .kpVisualSeek .kpVisualSeekThumbFit /* v59.1 */ { margin:0 auto; } 
.kPlayerUIWrapper .kpVisualSeek .kpVisualSeekTime /* v58.2.4 */ { display:block; text-align:center; font-size:11px; line-height:16px; color:#fff; padding-top:3px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
.kPlayerUIWrapper .kpVisualSeek.noThumb .kpVisualSeekTime /* v3100 */{ padding:5px; }

/*----- std -----*/
.kPlayerUIWrapper.std .kpVisualSeek { }

/*----- med -----*/
.kPlayerUIWrapper.med .kpVisualSeek { }

/*----- big -----*/
.kPlayerUIWrapper.big .kpVisualSeek { }


/************************************************/
/*********** Chapters (v58.2.4) ***********/
/************************************************/
.kpProgressBarChapters { position:absolute; height:100%; width:100%; z-index:2; font-size:0; }
.kpProgressBarChapter { display:block; font-size:0; position:absolute; margin:0; border-radius:10px; background:#ff8d00; border:2px solid #ffffff; box-shadow:0 0 5px rgb(0 0 0 / 20%);  }
.kpProgressBarChapter:hover { border-width:3px; border-color:#000; box-shadow:0 0 7px rgb(0 0 0 / 80%);  }
.kpProgressBarChapter.startSeekTo /* v60.7 */ { border-radius:0; }

/*----- std -----*/
.kPlayerUIWrapper.std .kpProgressBarChapter { width:7px; height:7px; left:0; top:-3.5px; }
.kPlayerUIWrapper.std .kpProgressBarChapter:hover { width:11px; height:11px; left:-3px; top:-6.5px; }

/*----- med -----*/
.kPlayerUIWrapper.med .kpProgressBarChapter { width:9px; height:9px; left:0; top:-3.5px; }
.kPlayerUIWrapper.med .kpProgressBarChapter:hover { width:13px; height:13px; left:-3px; top:-6.5px; }

/*----- big -----*/
.kPlayerUIWrapper.big .kpProgressBarChapter { width:11px; height:11px; left:0; top:-3.5px; }
.kPlayerUIWrapper.big .kpProgressBarChapter:hover { width:15px; height:15px; left:-3px; top:-6.5px; }


/***************************************/
/*********** Interactivities ***********/
/***************************************/
.kPlayerUIWrapper .kpInteractivity /* v3.1 */ { position:absolute; color:#fff; width:400px; height:45px; cursor:pointer; text-align:center; vertical-align:middle; z-index:5; margin:0 auto;
		border:1px solid rgba(255,255,255,0.3);
		background: -moz-linear-gradient(top,    rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,   rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66262626', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ 
}

/*----- std -----*/
.kPlayerUIWrapper.std .kpInteractivity { font-size:13px; }

/*----- med -----*/
.kPlayerUIWrapper.med .kpInteractivity { font-size:16px; }

/*----- big -----*/
.kPlayerUIWrapper.big .kpInteractivity { font-size:21px; }

/*--------------- Interactivity close button v2.4 ---------------*/
.kPlayerUIWrapper .kpInteractivityClose /* v3.1 */{ opacity:0.7; display:none; border:1px solid rgba(136,136,136,0.3); z-index:6; position:absolute; background-color:rgba(26,26,26,0.90) !important; color:#fff; text-decoration:none; text-align:center; font-weight:bold; }
.kPlayerUIWrapper .kpInteractivityClose:hover { opacity:1} /* v2.7 */

/*----- std -----*/
.kPlayerUIWrapper.std .kpInteractivityClose { width:20px; height:20px; line-height:20px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;  }
/* v2.7 Sprite */
.kPlayerUIWrapper.std .kpInteractivityClose.close   { background-position: -20px -100px; }
.kPlayerUIWrapper.std .kpInteractivityClose.restore { background-position: -40px -100px; }

/*----- med -----*/
.kPlayerUIWrapper.med .kpInteractivityClose { width:30px; height:30px; line-height:30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
/* v2.7 Sprite */
.kPlayerUIWrapper.med .kpInteractivityClose.close   { background-position: -30px -150px; }
.kPlayerUIWrapper.med .kpInteractivityClose.restore { background-position: -60px -150px; }

/*----- big -----*/
.kPlayerUIWrapper.big .kpInteractivityClose { width:40px; height:40px; line-height:40px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px;  }
/* v2.7 Sprite */
.kPlayerUIWrapper.big .kpInteractivityClose.close   { background-position: -40px -200px; }
.kPlayerUIWrapper.big .kpInteractivityClose.restore { background-position: -80px -200px; }


/*********************************/
/*********** Skip Time ***********/
/*********************************/
.kPlayerUI .skipTimeSpan    { color:#fff; float:right; }
.kPlayerUIWrapper .skipTime        { position:absolute; float:right; display:none; color:#fff; top:0; margin:10px; z-index:98; white-space:nowrap;
		border:1px solid rgba(255,255,255,0.15); /* v2.4 border transp from 0.2 to 0.15*/
        background: rgba(0,0,0,0.55); /* v2.4 flat bkg */
} 
.kPlayerUIWrapper .skipTime.withArrow /* v3.1 */{ background: rgba(0,0,0,0.55) url('images/kplayer_bt_next_bigger.png') center right no-repeat; }

/*----- std -----*/
.kPlayerUIWrapper.std .skipTime           /* v2.6 */ { font-size:19px !important; padding-top:3px; padding:5px; }  /* 21px */
.kPlayerUIWrapper.std .skipTime.withArrow /* v2.6 */ { padding-right:25px; background-size:25px 25px !important; -o-background-size:25px 25px !important; -moz-background-size:25px 25px !important; }
.std .kPlayerUI .skipTimeSpan                       { font-size:19px; padding-top:6px; padding-right:4px; } 

/*----- med -----*/
.kPlayerUIWrapper.med .skipTime           /* v2.6, v55.2 */ { font-size:24px !important; padding-top:5px; padding:4px; } /* 32px */
.kPlayerUIWrapper.med .skipTime.withArrow /* v2.6 */ { padding-right:29px; background-size:29px 29px !important; -o-background-size:29px 29px !important; -moz-background-size:29px 29px !important; }
.med .kPlayerUI .skipTimeSpan                       { font-size:26px; padding-top:5px; padding-right:5px; } 

/*----- big -----*/
.kPlayerUIWrapper.big .skipTime           /* v2.6, v55.2 */ { font-size:30px !important; padding-top:6px; padding:4px; } /* 42px */
.kPlayerUIWrapper.big .skipTime.withArrow /* v2.6 */ { padding-right:35px; background-size:35px 35px !important; -o-background-size:35px 35px !important; -moz-background-size:35px 35px !important; }
.big .kPlayerUI .skipTimeSpan                       { font-size:36px; padding-top:6px; padding-right:6px; } 


/*********************************/
/*********** Generic Box ***********/
/*********************************/
.kPlayerUI .genericBox    { color:#fff; float:right; }
.kPlayerUIWrapper .genericBox /* v3.1 */ { position:absolute; display:block; color:#fff; top:0; margin:10px; z-index:98;  border:1px solid rgba(255,255,255,0.15); background: rgba(0,0,0,0.55); } 

/*----- std -----*/
.kPlayerUIWrapper.std .genericBox  { font-size:19px; padding-top:3px; padding:5px; } /* 21 */
.std .kPlayerUI .genericBox        { font-size:19px; padding-top:6px; padding-right:4px; } 

/*----- med -----*/
.kPlayerUIWrapper.med .genericBox  { font-size:26px; padding-top:5px; padding:3px; } /* 32 */
.med .kPlayerUI .genericBox        { font-size:26px; padding-top:5px; padding-right:5px; } 

/*----- big -----*/
.kPlayerUIWrapper.big .genericBox  { font-size:36px; padding-top:6px; padding:2px; } /* 42 */
.big .kPlayerUI .genericBox        { font-size:36px; padding-top:6px; padding-right:6px; } 

/**********************************/
/*********** button bar ***********/
/**********************************/
.kPlayerUIWrapper .kpLogo /* v3.1 */ { position:absolute; top:0; cursor:pointer; z-index:4; }
.kPlayerUI .kpButtonBar /* v3.1 */{	position:absolute; top:0; z-index:5; }

.kPlayerUI a { outline: 0; }
.kPlayerUI .kpController    { position:absolute; }
.kPlayerUI .kpBt            { opacity:0.7; z-index:9; display:block; float:left; border:0; font-size:14px; text-decoration:none; }  /* v2.7 */
.kPlayerUI .kpBt:hover      { opacity:1; } /* v2.7 */

.kPlayerUI .kpBt.kpVol      { float:left; direction:ltr !important; } /* v2.1.7, v58.5.3 */
.kPlayerUI .kpBt.kpHQ       { float:right; } /* v2.1.7 */
.kPlayerUI .kpBt.kpFS       { float:right; } /* v2.1.7 */
.kPlayerUI .kpBt.kpSub      { float:right; } /* v2.2.2 */
.kPlayerUI .kpBt.kpSpeed    { float:right; } /* v55pf2 */
.kPlayerUI .kpBt.kpAirPlay  { float:right; } /* v53pf9 */
.kPlayerUI .kpBt.kpCast     { float:right; } /* v61.2.3 */
.kPlayerUI .kpBt.kpCast.casting { opacity:1; filter: brightness(40) saturate(100%) invert(46%) sepia(20%) saturate(2953%) hue-rotate(190deg) brightness(95%) contrast(109%); } /* v61.2.3 */
.kPlayerUI .kpBt.kpCast.casting:hover { filter: brightness(100); filter: brightness(40) saturate(100%) invert(23%) sepia(74%) saturate(6524%) hue-rotate(355deg) brightness(91%) contrast(127%) } /* v61.2.3 */
.kPlayerUI .kpBt.kp3DStereo { float:right; } /* v2.7 */
.kPlayerUI .kpBt.kp360VR    { float:right; } /* v2.7 */
.kPlayerUI .kpBt.kpPlay     { display:none; } /* v2.7 */
.kPlayerUI .kpBt.kp360      { float:right; opacity:1 !important; cursor:default; } /* v2.7 */
.kPlayerUIWrapper .kp360    { position:absolute; left:5px; top:5px; opacity:1 !important; z-index:2; cursor:default; background-color:rgba(0,0,0,0.6) !important; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } /* v2.7 */
.kPlayerUIWrapper       .kpMutedIndicator /* v2.14 */ { display:none; } 
.kPlayerUIWrapper.muted .kpMutedIndicator /* v3.1, v56, v61.3.15 */ { position:absolute; left:20px; top:20px; display:block; color:#fff; z-index:3; border:1px solid rgba(255,255,255,0.15); background-color: rgba(0,0,0,0.55); cursor:pointer; } 
.kPlayerUIWrapper.muted.noMuteIndicator  .kpMutedIndicator   /* v57 */   { display:none; } 
.playingYouTubeVid .kPlayerUIWrapper .kpMutedIndicator /* v5.8.1 */ { display:none !important; } 
.playingYouTubeVid .kPlayerUIWrapper .kpLogo /* v5.8.1 */ { display:none !important; } 

/*----- std (v2.7 image optimization) -----*/
.std .kPlayerUI       .kpButtonBar,
.std .kPlayerUI.hidpi .kpButtonBar { height: 30px; }
.std .kPlayerUI       .kpBt,
.std .kPlayerUI.hidpi .kpBt,
.kPlayerUIWrapper.std       .kp360,
.kPlayerUIWrapper.std.hidpi .kp360,
.kPlayerUIWrapper.std       .kpMutedIndicator, /* v2.14 */
.kPlayerUIWrapper.std.hidpi .kpMutedIndicator /* v2.14 */
{ width:30px; height:30px; }
/* Sprite */
.std .kPlayerUI       .kpBt.kpPrev     { background-position:    0px 0px; }
.std .kPlayerUI       .kpBt.kpPlay     { background-position:  -30px 0px; }
.std .kPlayerUI       .kpBt.kpPause    { background-position:  -60px 0px; }
.std .kPlayerUI       .kpBt.kpNext     { background-position:  -90px 0px; }
.std .kPlayerUI       .kpBt.kpFS       { background-position: -120px 0px; }
.std .kPlayerUI       .kpBt.kpFS.FS    { background-position: -120px -50px; } /* v2.23 */
.std .kPlayerUI       .kpBt.kpHQ       { background-position: -150px 0px; }
.std .kPlayerUI       .kpBt.kpVol      { background-position: -180px 0px; }
.std .kPlayerUI       .kpBt.kpPlist    { background-position: -210px 0px; }
.std .kPlayerUI       .kpBt.kpSub      { background-position: -240px 0px; }
.std .kPlayerUI       .kpBt.kpAirPlay  { background-position: -270px -150px; } /* v53pf9 */
.std .kPlayerUI       .kpBt.kpCast     { background-position: -270px -120px; } /* v61.2.3 */
.std .kPlayerUI       .kpBt.kpCast.casting     { background-position: -300px -120px; } /* v61.2.3 */
.std .kPlayerUI       .kpBt.kp3DStereo { background-position: -270px 0px; }
.std .kPlayerUI       .kpBt.kp360VR    { background-position: -300px 0px; }
.std .kPlayerUI       .kpBt.kp360,
.kPlayerUIWrapper.std .kp360           { background-position: -300px -150px; }
.kPlayerUIWrapper.std .kpMutedIndicator{ background-position: -210px -50px; } /* v2.14 */
.kPlayerUIWrapper.std.muted .kPlayerUI .kpBt.kpVol { background-position: -210px -50px; } /* v57 */

/*----- med (v2.7 image optimization) -----*/
.med .kPlayerUI       .kpButtonBar,
.med .kPlayerUI.hidpi .kpButtonBar { height: 45px; }
.med .kPlayerUI       .kpBt,
.med .kPlayerUI.hidpi .kpBt,
.kPlayerUIWrapper.med       .kp360,
.kPlayerUIWrapper.med.hidpi .kp360,
.kPlayerUIWrapper.med       .kpMutedIndicator, /* v2.14 */
.kPlayerUIWrapper.med.hidpi .kpMutedIndicator /* v2.14 */
{ width:45px; height:45px; }
/* Sprite */
.med .kPlayerUI       .kpBt.kpPrev     { background-position:    0px 0px; }
.med .kPlayerUI       .kpBt.kpPlay     { background-position:  -45px 0px; }
.med .kPlayerUI       .kpBt.kpPause    { background-position:  -90px 0px; }
.med .kPlayerUI       .kpBt.kpNext     { background-position: -135px 0px; }
.med .kPlayerUI       .kpBt.kpFS       { background-position: -180px 0px; }
.med .kPlayerUI       .kpBt.kpFS.FS    { background-position: -180px -75px; } /* v2.23 */
.med .kPlayerUI       .kpBt.kpHQ       { background-position: -225px 0px; }
.med .kPlayerUI       .kpBt.kpVol      { background-position: -270px 0px; }
.med .kPlayerUI       .kpBt.kpPlist    { background-position: -315px 0px; }
.med .kPlayerUI       .kpBt.kpSub      { background-position: -360px 0px; }
.med .kPlayerUI       .kpBt.kpAirPlay  { background-position: -405px -225px; } /* v53pf9 */
.med .kPlayerUI       .kpBt.kpCast     { background-position: -405px -180px; } /* v61.2.3 */
.med .kPlayerUI       .kpBt.kpCast.casting     { background-position: -450px -180px; } /* v61.2.3 */
.med .kPlayerUI       .kpBt.kp3DStereo { background-position: -405px 0px; }
.med .kPlayerUI       .kpBt.kp360VR    { background-position: -450px 0px; }
.med .kPlayerUI       .kpBt.kp360,
.kPlayerUIWrapper.med .kp360           { background-position: -450px -225px; }
.kPlayerUIWrapper.med .kpMutedIndicator{ background-position: -315px -75px; } /* v2.14 */
.kPlayerUIWrapper.med.muted .kPlayerUI .kpBt.kpVol { background-position: -315px -75px; } /* v57 */

/*----- big (v2.7 image optimization) -----*/
.big .kPlayerUI       .kpButtonBar,
.big .kPlayerUI.hidpi .kpButtonBar { height: 60px; }
.big .kPlayerUI       .kpBt,
.big .kPlayerUI.hidpi .kpBt,
.kPlayerUIWrapper.big       .kp360,
.kPlayerUIWrapper.big.hidpi .kp360,
.kPlayerUIWrapper.big       .kpMutedIndicator, /* v2.14 */
.kPlayerUIWrapper.big.hidpi .kpMutedIndicator /* v2.14 */
{ width:60px; height:60px; }
/* Sprite */
.big .kPlayerUI       .kpBt.kpPrev     { background-position:    0px 0px; }
.big .kPlayerUI       .kpBt.kpPlay     { background-position:  -60px 0px; }
.big .kPlayerUI       .kpBt.kpPause    { background-position: -120px 0px; }
.big .kPlayerUI       .kpBt.kpNext     { background-position: -180px 0px; }
.big .kPlayerUI       .kpBt.kpFS       { background-position: -240px 0px; }
.big .kPlayerUI       .kpBt.kpFS.FS    { background-position: -240px -100px; } /* v2.23 */
.big .kPlayerUI       .kpBt.kpHQ       { background-position: -300px 0px; }
.big .kPlayerUI       .kpBt.kpVol      { background-position: -360px 0px; }
.big .kPlayerUI       .kpBt.kpPlist    { background-position: -420px 0px; }
.big .kPlayerUI       .kpBt.kpSub      { background-position: -480px 0px; }
.big .kPlayerUI       .kpBt.kpAirPlay  { background-position: -540px -300px; } /* v53pf9 */
.big .kPlayerUI       .kpBt.kpCast     { background-position: -540px -240px; } /* v61.2.3 */
.big .kPlayerUI       .kpBt.kpCast.casting     { background-position: -600px -240px; } /* v61.2.3 */
.big .kPlayerUI       .kpBt.kp3DStereo { background-position: -540px 0px; }
.big .kPlayerUI       .kpBt.kp360VR    { background-position: -600px 0px; }
.big .kPlayerUI       .kpBt.kp360,
.kPlayerUIWrapper.big .kp360           { background-position: -600px -300px; }
.kPlayerUIWrapper.big .kpMutedIndicator{ background-position: -420px -100px; } /* v2.14 */
.kPlayerUIWrapper.big.muted .kPlayerUI .kpBt.kpVol { background-position: -420px -100px; } /* v57 */


/************************************/
/*********** progress bar ***********/
/************************************/
.kPlayerUI .kpProgressBar /* v3.1 */ { position:absolute; top:0; z-index:5; }
.kPlayerUI .kpCurrentTime,
.kPlayerUI .kpDuration /* v2.18 */ { color:#fff; display:block; margin:0; text-align:center; }
.kPlayerUI .kpCurrentTime /* v2.18 */ { float:left; padding-left:5px; padding-right:7px; border:0px solid; text-align:center; }
.kPlayerUI .kpDuration /* v2.18 */ { float:right; padding-top:0; padding-left:7px; padding-right:5px; border:0px solid;  }
.kPlayerUI .kpProgressBarOut /* v58.2.4 */  { display:block; position:relative; float:left; overflow:visible; background:rgba(255,255,255,0.2); /* v2.10 */ /*border:1px solid rgba(255,255,255,0.1);*/ cursor:pointer }
.kPlayerUI .kpProgressBarIn { display:block; position:absolute; background: #fff; height:4px; cursor:pointer  }
.kPlayerUI .kpProgressBarIn.ad /* v61.3.15 */ { background: #ff8d00; }
.kPlayerUI .kpProgressBarBuffer { display:block; position:absolute; background: rgba(255,255,255,0.3); height:4px; cursor:pointer }

/*----- std -----*/
.std .kPlayerUI .kpProgressBar { height:23px; }
.std .kPlayerUI .kpCurrentTime, 
.std .kPlayerUI .kpDuration /* v2.18 */ { font-size:11px; line-height:23px; height:23px; width:35px; }
.std .kPlayerUI .kpProgressBarOut, 
.std .kPlayerUI .kpProgressBarBuffer, 
.std .kPlayerUI .kpProgressBarIn { height:5px; }

/*----- med -----*/
.med .kPlayerUI .kpProgressBar { height:34px; }
.med .kPlayerUI .kpCurrentTime, 
.med .kPlayerUI .kpDuration /* v2.18, v55.2 */ { font-size:13px; font-weight:bold; line-height:34px; height:34px; width:50px;}
.med .kPlayerUI .kpProgressBarOut,
.med .kPlayerUI .kpProgressBarBuffer,
.med .kPlayerUI .kpProgressBarIn { height:8px; }

/*----- big -----*/
.big .kPlayerUI .kpProgressBar { height:45px; }
.big .kPlayerUI .kpCurrentTime, 
.big .kPlayerUI .kpDuration /* v2.18, v55.2 */ { font-size:15px; font-weight:bold; line-height:45px; height:45px; width:60px;}
.big .kPlayerUI .kpProgressBarOut,
.big .kPlayerUI .kpProgressBarBuffer,
.big .kPlayerUI .kpProgressBarIn { height:8px; }


/*********************************************/
/*********** player bar bkg (v3.1) ***********/
/*********************************************/
.kPlayerUIWrapper .kpPlayerBarBkg { 
							width:100%; position:absolute; pointer-events: none; z-index:4;
							background: -moz-linear-gradient(top,    rgba(0,0,0,0) 0%, rgba(0,0,0,0.51) 80%, rgba(0,0,0,0.70) 100%); /* FF3.6-15 */
							background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.51) 80%, rgba(0,0,0,0.70) 100%); /* Chrome10-25,Safari5.1-6 */
							background: linear-gradient(to bottom,   rgba(0,0,0,0) 0%, rgba(0,0,0,0.51) 80%, rgba(0,0,0,0.70) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
							xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#7a000000',GradientType=0 ); /* IE6-9 */ 
							}
.vpaid.adPlaying .kPlayerUIWrapper .kpPlayerBarBkg /* v61.3.15 */ { background:transparent; }

/*********************************************/
/*********** quality selector menu ***********/
/*********************************************/
.kPlayerUI .kpQMenu         /* v3.1, v55.2 */{ box-sizing:border-box; overflow-x:hidden; overflow-y:auto; color:#fff; position:absolute; z-index:999; list-style:none; top:0; padding:12px; border:1px solid rgba(255,255,255,0.15); background-color: rgba(0,0,0,0.55);  }
.kPlayerUI .kpQMenu         /* v56.4 */{ scrollbar-width:thin; }
.kPlayerUI div.kpQMenu::-webkit-scrollbar /* v56.4 */{ width:12px; }
.kPlayerUI div.kpQMenu::-webkit-scrollbar-thumb /* v56.4 */{ border-radius: 20px; }
.kPlayerUI .kpQMenu a       { color:#ddd; text-decoration:none; }
.kPlayerUI .kpQMenu a:hover  { color:#fff; text-decoration:underline; }
.kPlayerUI .kpQMenu li      /* v2.5.0.0 */{ margin:0; padding:0; white-space:nowrap; }
.kPlayerUI .kpQMenu li .small /* v2.5.0.0 */ { font-size:10px; }
.kPlayerUI .kpQMenu li .bitrate /* v56.4 */ { opacity:0.7; }
.kPlayerUI a.selectedQ      /* v2.5.0.2 */ { font-weight:bold !important; color:#fff; }
.kPlayerUI a:hover.selectedQ { font-weight:bold; color:#fff; text-decoration:none;}

/*----- std -----*/
.std .kPlayerUI .kpQMenu     { padding:8px; } 
.std .kPlayerUI .kpQMenu li  { font-size:12px; padding-bottom:4px; }

/*----- med -----*/
.med .kPlayerUI .kpQMenu     { padding:8px; } /* v55.2 / previous: padding:12px; */
.med .kPlayerUI .kpQMenu li  { font-size:14px; padding-top:4px; padding-bottom:4px; } /* previous: font-size:21px; padding-bottom:6px; */

/*----- big -----*/
.big .kPlayerUI .kpQMenu     { padding:10px; } /* v55.2 / previous: padding:16px; */
.big .kPlayerUI .kpQMenu li  { font-size:18px; padding-top:6px; padding-bottom:6px; } /* v55.2 / previous: font-size:28px; padding-bottom:8px; */


/***************************************/
/*********** 3D/Stereo (v2.7) ***********/
/***************************************/
.kPlayerUI .kp3DStereoMenu      /* v3.1 */{ color:#fff; position:absolute; z-index:2; list-style:none; top:0; padding:4px; border:1px solid rgba(255,255,255,0.15); background-color: rgba(0,0,0,0.55); }
.kPlayerUI .kp3DStereoMenu li             { margin:0; padding:0; white-space:nowrap; display:inline-block; }
.kPlayerUI .kp3DStereoMenu a.k3DStereoMode   { opacity:0.7; display:block }
.kPlayerUI .kp3DStereoMenu a.k3DStereoMode.selectedMode,
.kPlayerUI .kp3DStereoMenu a.k3DStereoMode:hover { opacity:1; /*background-color:rgba(0,0,0,0.5);*/ }

/*----- std -----*/
.std .kPlayerUI .kp3DStereoMenu { width:70px; }
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode { width:30px; height:30px; }
/* Sprite */
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._2D             { background-position:    0px -150px; }
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_RC_C         { background-position:  -30px -150px; }
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_RC_M         { background-position:  -60px -150px; }
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_GM_C         { background-position:  -90px -150px; }
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_GM_M         { background-position: -120px -150px; }
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._OriginalAspect { background-position: -150px -150px; }
.std .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._OriginalFill   { background-position: -180px -150px; }

/*----- med -----*/
.med .kPlayerUI .kp3DStereoMenu { width:105px; }
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode { width:45px; height:45px; }
/* Sprite */
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._2D             { background-position:    0px -225px; }
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_RC_C         { background-position:  -45px -225px; }
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_RC_M         { background-position:  -90px -225px; }
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_GM_C         { background-position: -135px -225px; }
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_GM_M         { background-position: -180px -225px; }
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._OriginalAspect { background-position: -225px -225px; }
.med .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._OriginalFill   { background-position: -270px -225px; }

/*----- big -----*/
.big .kPlayerUI .kp3DStereoMenu { width:140px; }
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode { width:60px; height:60px; }
/* Sprite */
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._2D             { background-position:    0px -300px; }
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_RC_C         { background-position:  -60px -300px; }
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_RC_M         { background-position: -120px -300px; }
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_GM_C         { background-position: -180px -300px; }
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._A_GM_M         { background-position: -240px -300px; }
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._OriginalAspect { background-position: -300px -300px; }
.big .kPlayerUI .kp3DStereoMenu a.k3DStereoMode._OriginalFill   { background-position: -360px -300px; }


/*********************************************************/
/*********** subtitles / selector menu (v2.2.2) ***********/
/*********************************************************/
.kpSubtitles                   { position:absolute; z-index:4; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 3px rgba(0, 0, 0, 1), 0px 0px 3px rgba(0, 0, 0, 1), 0px 0px 3px rgba(0, 0, 0, 1); }
.kPlayerUI .kpSubsMenu         /* v3.1, v55.2 */{ box-sizing:border-box; overflow-y:auto; color:#fff; position:absolute; z-index:2; list-style:none; top:0; padding:12px; border:1px solid rgba(255,255,255,0.15); background-color: rgba(0,0,0,0.55); }
.kPlayerUI .kpSubsMenu a       { color:#ddd; text-decoration:none; }
.kPlayerUI .kpSubsMenu a:hover { color:#fff; text-decoration:underline; }
.kPlayerUI .kpSubsMenu li      /* v2.5.0.0 */ { margin:0; padding:0; white-space:nowrap; }
.kPlayerUI a.selectedSub       { font-weight:bold; color:#fff; }
.kPlayerUI a:hover.selectedSub { font-weight:bold; color:#fff; text-decoration:none;}

/*----- std -----*/
.std .kPlayerUI .kpSubsMenu     { padding:8px; } 
.std .kPlayerUI .kpSubsMenu li  { font-size:12px; padding-bottom:4px; }

/*----- med -----*/
.med .kPlayerUI .kpSubsMenu     { padding:8px; } /* v55.2 / previous: padding:12px; */
.med .kPlayerUI .kpSubsMenu li  { font-size:14px; padding-top:4px; padding-bottom:4px; } /* previous: font-size:21px; padding-bottom:6px; */

/*----- big -----*/
.big .kPlayerUI .kpSubsMenu     { padding:10px; } /* v55.2 / previous: padding:16px; */
.big .kPlayerUI .kpSubsMenu li  { font-size:18px; padding-top:6px; padding-bottom:6px; } /* v55.2 / previous: font-size:28px; padding-bottom:8px; */


/*********************************************************/
/*********** speed / selector menu (v55pf2) ***********/
/*********************************************************/
.kPlayerUI .kpBt.kpSpeed         { display:none; background:none; box-sizing:border-box; text-decoration:none; font-weight:bold; color:#fff; }
.kPlayerUI .kpSpeedMenu          { box-sizing:border-box; overflow-y:auto; color:#fff; position:absolute; z-index:2; list-style:none; top:0; padding:12px; border:1px solid rgba(255,255,255,0.15); background-color: rgba(0,0,0,0.55); }
.kPlayerUI .kpSpeedMenu a        { color:#ddd; text-decoration:none; }
.kPlayerUI .kpSpeedMenu a:hover  { color:#fff; text-decoration:underline; }
.kPlayerUI .kpSpeedMenu li       { margin:0; padding:0; white-space:nowrap; }
.kPlayerUI a.selectedSpeed       { font-weight:bold; color:#fff; }
.kPlayerUI a:hover.selectedSpeed { font-weight:bold; color:#fff; text-decoration:none;}

/*----- std -----*/
.std .kPlayerUI .kpBt.kpSpeed    { font-size:11px; line-height:30px; background:none; }
.std .kPlayerUI .kpSpeedMenu     { padding:8px; } 
.std .kPlayerUI .kpSpeedMenu li  { font-size:12px; padding-bottom:4px; }

/*----- med -----*/
.med .kPlayerUI .kpBt.kpSpeed    { font-size:12px; line-height:45px; background:none; }
.med .kPlayerUI .kpSpeedMenu     { padding:8px; } /* v55.2 / previous: padding:12px; */
.med .kPlayerUI .kpSpeedMenu li  { font-size:14px; padding-top:4px; padding-bottom:4px; } /* previous: font-size:21px; padding-bottom:6px; */

/*----- big -----*/
.big .kPlayerUI .kpBt.kpSpeed    { font-size:14px; line-height:60px; background:none; }
.big .kPlayerUI .kpSpeedMenu     { padding:10px; } /* v55.2 / previous: padding:16px; */
.big .kPlayerUI .kpSpeedMenu li  { font-size:18px; padding-top:6px; padding-bottom:6px; } /* v55.2 / previous: font-size:28px; padding-bottom:8px; */


/*************************************/
/*********** volume slider ***********/
/*************************************/
.kpBt.kpVol .kpVolMenu /* v57 */ { display:none; }
.kPlayerUI .kpVolMenu         /* v3.1 */ { color:#fff; position:absolute; z-index:2; list-style:none; top:0; border:1px solid rgba(255,255,255,0.15); background-color:rgba(0,0,0,0.55); }
.kPlayerUI .kpVolSlider         { width:10px; height:200px; }

.kpVolMenu .ui-slider { position: relative; text-align: left; }
.kpVolMenu .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.kpVolMenu .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.kpVolMenu .ui-slider-vertical { width: 5px; height: 100px; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.1); }
.kpVolMenu .ui-slider-vertical .ui-slider-handle { background:#fff; left: -.3em; margin-left: 0; margin-bottom: -.6em; 
                                                  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75); }
.kpVolMenu .ui-slider-vertical .ui-slider-range { background:#ddd; left: 0; width: 100%; }
.kpVolMenu .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.kpVolMenu .ui-slider-vertical .ui-slider-range-max { top: 0; }

/* horizontal slider (v57) */
.kpBt.kpVol .kpVolMenu.horizontal                     { display:none; display:none; opacity:0; position:absolute; background:rgba(0,0,0,0.01); border:0; }
.kpBt.kpVol:hover .kpVolMenu.horizontal               { display:block; opacity:1; }
.kpBt.kpVol:hover .kpVolMenu.horizontal                     { animation: fadeInFromDisplayNone 0.4s ease-out; }
@-webkit-keyframes fadeInFromDisplayNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } }
@-moz-keyframes fadeInFromDisplayNone    { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } }
@keyframes fadeInFromDisplayNone         { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } }

.kpVolMenu .ui-slider-horizontal                      { background:rgba(255,255,255,0.4); border:0; border-radius:10px;  }
.kpVolMenu .ui-slider-horizontal .ui-slider-handle    { background:#fff; 
                                                        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75); 
												        border-radius:20px; }
.kpVolMenu .ui-slider-horizontal .ui-slider-range     { background:#fff; top:0; height: 5px; border-radius:10px; }
.kpVolMenu .ui-slider-horizontal .ui-slider-range-min { top:0; left: 0; }
.kpVolMenu .ui-slider-horizontal .ui-slider-range-max { right: 0; }

/*----- std -----*/
.std .kPlayerUI .kpVolMenu                             { padding:8px; }
.std .kpVolMenu .ui-slider-vertical                    { width: 5px; height: 100px; }
.std .kpVolMenu .ui-slider-vertical .ui-slider-handle  { width: 14px; height: 14px; 
                                                        -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
/* v57 */
.std .kpVolMenu.horizontal                             { padding:12px; padding-left:1px; padding-right:40px; margin-left:30px; }
.std .kpVolMenu .ui-slider-horizontal                  { height:5px; width:100px; }
.std.lt480 .kpVolMenu .ui-slider-horizontal              { width:70px; }
.std.lt360 .kpVolMenu .ui-slider-horizontal              { width:50px; }
.std .kpVolMenu .ui-slider-horizontal .ui-slider-range { height:5px;  }
.std .kpVolMenu .ui-slider-horizontal .ui-slider-handle{ margin-left: -.35em; margin-top: -.35em; }

/*----- med -----*/
.med  .kPlayerUI .kpVolMenu                            { padding:12px; }
.med  .kpVolMenu .ui-slider-vertical                   { width: 6px; height: 90px; } /* v55.2 / previous: width: 10px; height: 100px; */
.med  .kpVolMenu .ui-slider-vertical .ui-slider-handle { width: 15px; height: 15px; /* v55.2 / previous: width: 21px; height: 21px; */
                                                         -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; }
/* v57 */
.med .kpVolMenu.horizontal                             { padding:18px; padding-left:1px; padding-right:60px; margin-left:45px; }
.med .kpVolMenu .ui-slider-horizontal                  { height:7px; width:100px; }
.med.lt480 .kpVolMenu .ui-slider-horizontal              { width:70px; }
.med.lt360 .kpVolMenu .ui-slider-horizontal              { width:50px; }
.med .kpVolMenu .ui-slider-horizontal .ui-slider-range { height:7px;  }
.med .kpVolMenu .ui-slider-horizontal .ui-slider-handle{ margin-left: -.35em; margin-top: -.35em; }

/*----- big -----*/
.big .kPlayerUI .kpVolMenu                             { padding:16px; }
.big .kpVolMenu .ui-slider-vertical                    { width: 7px; height: 90px; } /* v55.2 / previous: width: 15px; height: 113px; */
.big .kpVolMenu .ui-slider-vertical .ui-slider-handle  { width: 16px; height: 16px; /* v55.2 / previous: width: 28px; height: 28px; */
                                                         -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
/* v57 */
.big .kpVolMenu.horizontal                             { padding:24px; padding-left:1px; padding-right:40px; margin-left:60px; }
.big .kpVolMenu .ui-slider-horizontal                  { height:7px; width:100px; }
.big.lt480 .kpVolMenu .ui-slider-horizontal              { width:70px; }
.big.lt360 .kpVolMenu .ui-slider-horizontal              { width:50px; }
.big .kpVolMenu .ui-slider-horizontal .ui-slider-range { height:7px;  }
.big .kpVolMenu .ui-slider-horizontal .ui-slider-handle{ margin-left: -.35em; margin-top: -.35em; }


/*****************************************/
/*********** Live icon (v56.3) ***********/
/*****************************************/
.kPlayerUI .kpLive { display:none; float:left; font-size:0; cursor:pointer; }
.kPlayerUI .kpLive { display:flex; align-items:center; }

.kPlayerUI .kpLive .kpLiveIcon { width:10px; height:10px; border-radius:100px; background:#f00; display:inline-block; margin-right:3px; }
.kPlayerUI .kpLive.notCurrent .kpLiveIcon { background:#888;  }
.kPlayerUI .kpLive .kpLiveLabel { display:inline-block; font-weight:bold; color:#fff; }
.kPlayerUI .kpLive,
.kPlayerUI .kpLive .kpLiveLabel { height:30px; line-height:30px; font-size:12px; }
.kPlayerUI .kpLive div { vertical-align:middle;  }

.kPlayerUI .kpLive       { opacity:0.8; }
.kPlayerUI .kpLive:hover { opacity:1; }

/*----- med -----*/
.med .kPlayerUI .kpLive,
.med .kPlayerUI .kpLive .kpLiveLabel { height:45px; line-height:45px; }

/*----- big -----*/
.big .kPlayerUI .kpLive,
.big .kPlayerUI .kpLive .kpLiveLabel { height:60px; line-height:60px; }


/*********************************/
/*********** filmstrip ***********/
/*********************************/
.kPlayerUI .kpFilmstrip /* v3.1 */ { display:none; top:0; position:absolute; overflow:hidden; background: rgba(0,0,0,0.55); 
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 20px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 20px rgba(0, 0, 0, 0.4);}
.kPlayerUI .kpFilmstrip .kpFilmstripOut /* v3.1 */{ float:left; box-sizing:border-box; padding:6px; overflow:hidden; border:0px solid}
.kPlayerUI .kpFilmstrip .kpFilmstripIn { display:block; list-style:none; overflow:hidden; padding:0px; margin:0; white-space: nowrap; }
.kPlayerUI .kpFilmstrip .kpFilmstripIn li /* v3.1 */{ float:left; padding:2px; margin:0; display:block; text-align:center; }
.kPlayerUI .kpFilmstrip .kpFilmstripIn li a /* v3.1 */{ padding:0; margin:0 auto; border:0; display:block; background:transparent;  }
.kPlayerUI .kpFilmstrip .kpFilmstripIn li img { border:0 none; }

.kPlayerUI .kpFilmstrip .kpFilmstripIn li a /* v3.1 */ { border:2px solid rgba(0,0,0,0.5); }
.kPlayerUI .kpFilmstrip .kpFilmstripIn li.current a,
.kPlayerUI .kpFilmstrip .kpFilmstripIn li.current a:hover,
.kPlayerUI .kpFilmstrip .kpFilmstripIn li.current a.noskip,
.kPlayerUI .kpFilmstrip .kpFilmstripIn li.current a.noskip:hover /* v3.1 */{ border:2px solid rgba(255,255,255,1); }
.kPlayerUI .kpFilmstrip .kpFilmstripIn li a:hover /* v3.1 */ { border:2px solid rgba(255,255,255,0.7); }
.kPlayerUI .kpFilmstrip .kpFilmstripIn li a.noskip,
.kPlayerUI .kpFilmstrip .kpFilmstripIn li a.noskip:hover /* v3.1 */ { border:2px solid rgba(255,255,255,0.2); cursor:default !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: nones; }
.kPlayerUI .kpFilmstrip .kpFsBt { display:block; float:left; }
.kPlayerUI .kpFilmstrip .kpFsBt.kpFsNext { float:right; }

.kPlayerUI .kpFilmstrip .kpFsBt       { opacity:0.7; } /* v2.7 */
.kPlayerUI .kpFilmstrip .kpFsBt:hover { opacity:1; } /* v2.7 */

/*----- std (v2.7 image optimization) -----*/
.std .kPlayerUI .kpFilmstrip .kpFsBt                 { width:30px; height:30px; margin-top:22px }
.std .kPlayerUI .kpFilmstrip .kpFilmstripOut         { height:75px; } /* v3.1 - including padding */
.std .kPlayerUI .kpFilmstrip .kpFilmstripIn li       { width:102px; } /* v3.1 - 73px for 4:3 thumbs (img max-width +4) */
.std .kPlayerUI .kpFilmstrip .kpFilmstripIn li a img { max-width:98px; max-height:55px; }
/* Sprite */
.std .kPlayerUI .kpFilmstrip .kpFsBt.kpFsPrev { background-position:   0px -50px; }
.std .kPlayerUI .kpFilmstrip .kpFsBt.kpFsNext { background-position: -30px -50px; }

/*----- med = std (v2.7 image optimization) -----*/
.med .kPlayerUI .kpFilmstrip .kpFsBt                 { width:45px; height:45px; margin-top:11px; }
.med .kPlayerUI .kpFilmstrip .kpFilmstripOut         { height:75px; } /* v3.1 - including padding */
.med .kPlayerUI .kpFilmstrip .kpFilmstripIn li       { width:102px; } /* v3.1 - 73px for 4:3 thumbs (img max-width + 4) */
.med .kPlayerUI .kpFilmstrip .kpFilmstripIn li a img { max-width:98px; max-height:55px; }
/* Sprite */
.med .kPlayerUI .kpFilmstrip .kpFsBt.kpFsPrev { background-position:   0px -75px; }
.med .kPlayerUI .kpFilmstrip .kpFsBt.kpFsNext { background-position: -45px -75px; }

/*----- big (v2.7 image optimization) -----*/
.big .kPlayerUI .kpFilmstrip .kpFsBt                 { width:60px; height:60px; margin-top:15px; }
.big .kPlayerUI .kpFilmstrip .kpFilmstripOut         { height:90px; } /* v3.1 - including padding */
.big .kPlayerUI .kpFilmstrip .kpFilmstripIn li       { width:129px; } /* v3.1 - 93 for 4:3 thumbs (img max-width + 4) */
.big .kPlayerUI .kpFilmstrip .kpFilmstripIn li a img { max-width:125px; max-height:70px; }
/* Sprite */
.big .kPlayerUI .kpFilmstrip .kpFsBt.kpFsPrev { background-position:   0px -100px; }
.big .kPlayerUI .kpFilmstrip .kpFsBt.kpFsNext { background-position: -60px -100px; }


/************************************/
/*********** Context Menu ***********/
/************************************/
.kPlayerContextMenuOverlay { position:absolute; top:0; left:0; z-index:103; }
.kPlayerContextMenu /* v2.0.13 */{ position:absolute; z-index:99; width:auto; background:#f9f9f9; border:1px solid #e7e7e7; font-size:13px;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
-moz-box-shadow:    0px 0px 12px rgba(0, 0, 0, 0.7);
box-shadow:         0px 0px 12px rgba(0, 0, 0, 0.7); }
.kPlayerContextMenu ul,
.kPlayerContextMenu li 	 /* v2.0.13 */{ list-style:none !important; margin:0; padding:0; }
.kPlayerContextMenu li a /* v2.5.0.2 */ { color:#000 !important; text-decoration:none; display:block; padding:5px; float:left;}
.kPlayerContextMenu li a:hover { color:#fff; background:#333; }


/********************************************/
/*********** Purchase box (v2.6) ***********/
/********************************************/
.kPlayerUIWrapper .purchaseBoxWrapper { display:none; position:absolute;  /*width:160px;*/ right:0; text-align:left; z-index:4; }
.kPlayerUIWrapper .purchaseTab        { display:block; float:right; color:#fff; text-align:center; text-decoration:none; font-weight:bold;  
                                        -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
										-webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; border-top-right-radius:0;
										-webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; border-bottom-right-radius:0; }
.kPlayerUIWrapper .purchaseBoxWrapper .purchaseTab:before         { /*content: "<"*/}
.kPlayerUIWrapper .purchaseBoxWrapper .purchaseTab                { background: rgba(0,0,0,0.5) url('images/kplayer_bt_fs_prev_bigger.png') center center no-repeat; }
.kPlayerUIWrapper .purchaseBoxWrapper.visible .purchaseTab:before { /*content: ">"*/}
.kPlayerUIWrapper .purchaseBoxWrapper.visible .purchaseTab        { background: rgba(0,0,0,0.8) url('images/kplayer_bt_fs_next_bigger.png') center center no-repeat;  }
.kPlayerUIWrapper .purchaseBox                  { display:block; float:right; background:rgba(0,0,0,0.8); color:#fff; text-align:left; }
.kPlayerUIWrapper .purchaseBoxPreviewNotice     { display:block; color:#F9e4a8; }
.kPlayerUIWrapper .purchaseBoxThumbnailAndTitle { display:block; padding-top:10px;  }
.kPlayerUIWrapper .purchaseBoxThumbnail         { float:left; }
.kPlayerUIWrapper .purchaseBoxThumbnail img     { width:100%; height:auto; }
.kPlayerUIWrapper .purchaseBoxTitle             { float:left; font-weight:bold; padding-left:5px; }
.kPlayerUIWrapper .purchaseBoxDescription       { display:block; display:none; }
.kPlayerUIWrapper .purchaseBoxButton            { clear:left; display:block; padding-top:10px; }
.kPlayerUIWrapper .purchaseBoxButton a          { display:block; background:#F9D444; color:#000; font-weight:bold; padding:4px; text-decoration:none; text-align:center; 
                                                  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.kPlayerUIWrapper .purchaseBoxButton a:hover    { background:#fff; }

/*----- std -----*/
.kPlayerUIWrapper .purchaseBox                  { width:200px; }
.kPlayerUIWrapper .purchaseTab                  { width:25px; height:40px; line-height:40px; font-size:16px; background-size:25px 25px !important; -o-background-size:25px 25px !important; -moz-background-size:25px 25px !important; }
.kPlayerUIWrapper .purchaseBoxContent           { padding:10px; }
.kPlayerUIWrapper .purchaseBoxPreviewNotice     { font-size:11px; }  
.kPlayerUIWrapper .purchaseBoxThumbnail         { max-width:50px; }
.kPlayerUIWrapper .purchaseBoxTitle             { font-size:12px; width:100px; }
.kPlayerUIWrapper .purchaseBoxButton a          { width:100px; font-size:14px; }

/*----- med -----*/
.kPlayerUIWrapper.med .purchaseBox              { width:300px; }
.kPlayerUIWrapper.med .purchaseTab              { width:35px; height:55px; line-height:55px; font-size:20px; background-size:30px 30px !important; -o-background-size:30px 30px !important; -moz-background-size:30px 30px !important; }
.kPlayerUIWrapper.med .purchaseBoxContent       { padding-top:25px; }
.kPlayerUIWrapper.med .purchaseBoxPreviewNotice { font-size:12px; }  
.kPlayerUIWrapper.med .purchaseBoxThumbnail     { max-width:75px; }
.kPlayerUIWrapper.med .purchaseBoxTitle         { font-size:16px; width:150px; }
.kPlayerUIWrapper.med .purchaseBoxButton a      { width:150px; font-size:18px; }

/*----- big -----*/
.kPlayerUIWrapper.big .purchaseBox              { width:400px; }
.kPlayerUIWrapper.big .purchaseTab              { width:50px; height:80px; line-height:80px; font-size:32px; background-size:40px 40px !important; -o-background-size:40px 40px !important; -moz-background-size:40px 40px !important; }
.kPlayerUIWrapper.big .purchaseBoxContent       { padding-top:40px; }
.kPlayerUIWrapper.big .purchaseBoxPreviewNotice { font-size:20px; }  
.kPlayerUIWrapper.big .purchaseBoxThumbnail     { max-width:100px; }
.kPlayerUIWrapper.big .purchaseBoxTitle         { font-size:24px; width:200px; }
.kPlayerUIWrapper.big .purchaseBoxButton a      { width:200px; font-size:28px; }

/********************************************/
/*********** Clip Info (v2.6) ***********/
/********************************************/
.kPlayerUIWrapper .clipInfoWrapper /* v3.1 */{ position:absolute; width:100%; display:none; z-index:4;
							background: -moz-linear-gradient(top,    rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
							background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
							background: linear-gradient(to bottom,   rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */ 
}
.kPlayerUIWrapper .clipInfoTitle { float:left; width:80%; text-align:left; padding-left:10px; color:#fff; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kPlayerUIWrapper .clipInfoTitle a { color:#fff; text-decoration:none; } /* v56.4.2 */
.kPlayerUIWrapper .clipInfoTitle a:hover { text-decoration:underline; } /* v56.4.2 */
.kPlayerUIWrapper .clipInfoShare       { opacity:0.7; float:right; display:block; margin-right:10px; } /* v2.7 */
.kPlayerUIWrapper .clipInfoShare:hover { opacity:1; } /* v2.7 */

/*----- std -----*/
.kPlayerUIWrapper.std .clipInfoWrapper              { height:30px; }
.kPlayerUIWrapper.std .clipInfoTitle                { font-size:14px; line-height:30px; }
.kPlayerUIWrapper.std .clipInfoShare                { width:20px; height:20px; margin-top:5px; }
/* v2.7 Sprite */
.kPlayerUIWrapper.std .clipInfoShare { background-position:   0px -100px; }

/*----- med -----*/
.kPlayerUIWrapper.med .clipInfoWrapper              { height:40px; }
.kPlayerUIWrapper.med .clipInfoTitle /* v55.2 */    { font-size:16px; line-height:40px; }
.kPlayerUIWrapper.med .clipInfoShare                { width:30px; height:30px; margin-top:5px; }
/* v2.7 Sprite */
.kPlayerUIWrapper.med .clipInfoShare { background-position:   0px -150px; }

/*----- big -----*/
.kPlayerUIWrapper.big .clipInfoWrapper              { height:60px; }
.kPlayerUIWrapper.big .clipInfoTitle                { font-size:18px; line-height:60px; }
.kPlayerUIWrapper.big .clipInfoShare                { width:40px; height:40px; margin-top:10px; }
/* v2.7 Sprite */
.kPlayerUIWrapper.big .clipInfoShare { background-position:   0px -200px; }

/********************************************/
/*********** ShareBox (v2.6) ***********/
/********************************************/
.kPlayerUIWrapper .shareBox                  { display:none; position:absolute; width:100%; height:225px; z-index:999; background: rgba(0,0,0,0.8); color:#fff;}
.kPlayerUIWrapper .shareBoxClose             /* v2.16 */{ display:block; float:right; color:#ddd; font-weight:bold; text-decoration:none; padding:6px; padding-right:15px; padding-left:15px; cursor:pointer; }
.kPlayerUIWrapper .shareBox .shareBoxContent { margin:0 auto; padding:0; }
.kPlayerUIWrapper .shareBox .shareBoxSocial { text-align:center;}
.kPlayerUIWrapper .shareBox .shareBoxSocialIcon { display:inline-block; margin-right:10px; }
.kPlayerUIWrapper .shareBox .shareBoxSocialIcon.facebook { background: url('images/kplayer_social_fb.gif'); }
.kPlayerUIWrapper .shareBox .shareBoxSocialIcon.twitter { background: url('images/kplayer_social_twitter.gif'); }
.kPlayerUIWrapper .shareBox .shareBoxSocialIcon.googleplus { background: url('images/kplayer_social_gplus.gif'); }
.kPlayerUIWrapper .shareBox .shareBoxSocialIcon.more { background: url('images/kplayer_social_more.gif'); }
.kPlayerUIWrapper .shareBox div div          { clear:left; display:block; width:320px; margin:0 auto; padding-bottom:10px; text-align:left; font-weight:bold; }
.kPlayerUIWrapper .shareBox input            { width:310px !important; border:0 !important; color:000#; height:auto; cursor:text; padding:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*----- std -----*/
.kPlayerUIWrapper.std .shareBoxClose                { font-size:16px; }
.kPlayerUIWrapper.std .shareBox div div             { font-size:12px; }
.kPlayerUIWrapper.std .shareBox input               { height:15px; font-size:11px; }
.kPlayerUIWrapper.std .shareBox .shareBoxSocialIcon { width:24px; height:24px; background-size:24px 24px !important; -o-background-size:24px 24px !important; -moz-background-size:24px 24px !important; }

/*----- med -----*/
.kPlayerUIWrapper.med .shareBoxClose                { font-size:24px; }
.kPlayerUIWrapper.med .shareBox div div             { font-size:16px; }
.kPlayerUIWrapper.med .shareBox input               { height:20px; font-size:15px; font-weight:bold; }
.kPlayerUIWrapper.med .shareBox .shareBoxSocialIcon { width:36px; height:36px; background-size:36px 36px !important; -o-background-size:36px 36px !important; -moz-background-size:36px 36px !important; }

/*----- med -----*/
.kPlayerUIWrapper.big .shareBoxClose                { font-size:36px; }
.kPlayerUIWrapper.big .shareBox div div             { font-size:24px; }
.kPlayerUIWrapper.big .shareBox input               { height:30px; font-size:22px; font-weight:bold; }
.kPlayerUIWrapper.big .shareBox .shareBoxSocialIcon { width:48px; height:48px; background-size:48px 48px !important; -o-background-size:48px 48px !important; -moz-background-size:48px 48px !important; }


/******************************/
/*********** common ***********/
/******************************/
/*----- font family -----*/
.kPlayerUI .kpCurrentTime,
.kPlayerUI .kpDuration, 
.kPlayerUI .kpQMenu a, /* v2.6 */
.kPlayerLoading .uiMessage,
.kPlayerUIWrapper .skipTime,
.kPlayerUI .skipTimeSpan,
.kPlayerUIWrapper .kpInteractivity,
.kPlayerUIWrapper .purchaseTab, /* v2.6 */
.kPlayerUIWrapper .purchaseBox div, /* v2.6 */
.kPlayerUIWrapper .purchaseBox a, /* v2.6 */
.kPlayerUIWrapper .purchaseBoxPreviewNotice, /* v2.6 */
.kPlayerUIWrapper .purchaseBoxTitle, /* v2.6 */
.kPlayerUIWrapper .purchaseBoxDescription, /* v2.6 */
.kPlayerUIWrapper .purchaseBoxButton a, /* v2.6 */
.kPlayerLoading .clipInfoWrapper .clipInfoTitle, /* v2.6 */
.kPlayerUIWrapper .shareBox, /* v2.6 */
.kPlayerUIWrapper .shareBox > div, /* v2.6 */
.kPlayerUIWrapper .shareBox input, /* v2.6 */
.kPlayerUIWrapper .clipInfoWrapper, /* v2.16 */
.kPlayerContextMenu a { font-family:Arial, Helvetica, sans-serif !important; }

/*----- roundness -----*/
.kPlayerUI .kpProgressBarOut,
.kPlayerUI .kpProgressBarIn,
.kPlayerEmbedNext,
.kPlayerEmbedPrev,
.kPlayerUI .kpProgressBarBuffer, 
.kpVolMenu .ui-slider-vertical,
.kpVolMenu .ui-slider-vertical .ui-slider-range { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.kPlayerEmbedNext { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;
                    -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.kPlayerEmbedPrev { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;
                    -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.viWrapper { position:relative !important; }
.viWrapper iframe { pointer-events:none; }