/* Start of magenta theme */

@font-face {
    font-family: 'Roboto';
    src: url('../../../../../../../design/player/magenta/fonts/Roboto-Regular.eot');
    src: url('../../../../../../../design/player/magenta/fonts/Roboto-Regular.eot#iefix') format('embedded-opentype'),
            url('../../../../../../../design/player/magenta/fonts/Roboto-Regular.woff') format('woff2'),
            url('../../../../../../../design/player/magenta/fonts/Roboto-Regular.woff') format('woff'),
            url('../../../../../../../design/player/magenta/fonts/Roboto-Regular.ttf') format('truetype'),
            url('../../../../../../../design/player/magenta/fonts/Roboto-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.vbox-player div, .vbox-player span, .vbox-player a { font-family: "Roboto",sans-serif; }

.vbox-player.magenta {
    position: absolute;
    overflow: hidden;

    font-family: "Roboto",sans-serif;
    width: 100%;
    height: 100%;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.edit-page-wrap .vbox-player.magenta {
	position: relative
}
/* <video> element */
.vbox-player.magenta video {
    position: relative;
    background-color: #000;
}

.vbox-player.magenta a {
    color: #ffffff;
    text-decoration: none;
}

.vbox-player.magenta .loading-media {
    width: 47px;
    height: 47px;
    margin-left: -23px;
    margin-top: -23px;
}

.vbox-player.magenta button {
    width: 37px;
}

/* Player Controls */
.vbox-player.magenta .vbox-watch-in-site{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: none;
    width: 37px;
}

.vbox-player.magenta .vbox-controls-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0;
    z-index: 99;
    background: url('../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/overlay-1920-OK.png');
    background-size: 100% 100%;
    display: none;
}

.vbox-player.magenta .vbox-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1010;
    display: none;
    padding: 0 5px 0 5px;
}

.vbox-player.magenta .vbox-controls-top {
    position: absolute;
    top: 0px;
    z-index: 1000;
    width: 100%;
    display: none;
}

.vbox-player.magenta .vbox-controls-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 42px;
    display: none;
    padding: 0 5px 0 0;
}

.vbox-player.magenta #vbox-vpaid-adContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    display: none;
}

.vbox-player.magenta .vbox-embed-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 60px;
    
    font-size: 19px;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 15px;
    width: 90%;
    cursor: pointer;
    
    overflow: hidden;
    white-space: nowrap;
    z-index: 100;
}

.vbox-player.magenta .vbox-main-ctitle {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 25px 35px;
    width: 90%;
    cursor: pointer;
    display: none;
}

.vbox-player.magenta .vbox-embed-ctitle {
    font-size: 19px;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 15px;
    max-width: 90%;
    cursor: pointer;
}

.vbox-player.magenta .vbox-embed-title:hover {
    text-decoration: underline;
    cursor: pointer;
}

.vbox-player.magenta .vbox-embed-video-info {
    position: absolute;
    top: 50px;
    left: 20px;
    right: 80px;
    font-size: 11px;
    color: #ffffff;
    display: none;
    z-index: 100;
}

.vbox-player.magenta .video-info-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 10px;
}

.vbox-player.magenta .video-info-icon:first-of-type {
    margin-left: 0;
}
    
.vbox-player.magenta .vbox-embed-user-info {
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 45px;
    font-size: 14px;
    color: #ffffff;
    display: none;
    z-index: 100;
    padding-left: 55px;
}

.vbox-player.magenta .user-info-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}

.vbox-player.magenta .user-info-avatar img {
    width: 40px;
    height: 40px;
}

.vbox-player.magenta .user-info-username {
    font-size: 12px;
    margin: 5px 0 5px 0;
}
.vbox-player.magenta .user-info-subscr {
    font-size: 13px;
}

.vbox-player.magenta .vbox-controls-small {
    position: absolute;
    bottom: 0px;
    z-index: 1000;

    width: 100%;
    height: 3px;
}

/* <button> */
.vbox-player.magenta button {
    position: relative;	
    height: 40px;
    cursor: pointer;
    border: none;
    background: none;
}

.vbox-player.magenta button:active {
    outline: none;
}

.vbox-player.magenta button:hover {
    
}

.vbox-smallbox {
    background: #ff1464;
}

/* Playback Controls(Play, Pause) */
.vbox-player.magenta .vbox-play-button {
    float: left;
    display: block;
}
.vbox-player.magenta .vbox-play-button #playGlyph {
    display: block;
    margin: auto;
}
.vbox-player.magenta .vbox-play-button #pauseGlyph,
.vbox-player.magenta .vbox-play-button #replayGlyph {
    display: none;
    margin: auto;
}

.vbox-player.magenta .vbox-play-button:hover #playGlyph {
    opacity: 0.8;
}

.vbox-player.magenta .vbox-paused-button #playGlyph,
.vbox-player.magenta .vbox-replay-button #playGlyph,
.vbox-player.magenta .vbox-replay-button #pauseGlyph {
    display: none;
}
.vbox-player.magenta .vbox-paused-button #pauseGlyph {
    display: block;
}
.vbox-player.magenta .vbox-replay-button #replayGlyph {
    display: block;
}

.vbox-player.magenta .vbox-paused-button:hover #pauseGlyph {
    opacity: 0.8;
}
.vbox-player.magenta .vbox-paused-button:hover #pauseGlyph {
    opacity: 0.8;
}
.vbox-player.magenta .vbox-replay-button:hover #replayGlyph {
    opacity: 0.8;
}

/* playlist controls */
.vbox-player.magenta .vbox-prev-button {
    float: left;
    display: none;
}
.vbox-player.magenta .vbox-prev-button #prevGlyph {
    margin: 5px auto 0 0;
}

.vbox-player.magenta .vbox-prev-button:hover #prevGlyph {
    opacity: 0.8;
}

.vbox-player.magenta .vbox-next-button {
    float: left;
    display: none;
}
.vbox-player.magenta .vbox-next-button #nextGlyph {
    margin: 5px auto 0 0;
}

.vbox-player.magenta .vbox-next-button:hover #nextGlyph {
    opacity: 0.8;
}

.vbox-player.magenta .vbox-timecont-button {
    float: left;
    display: none;
}
.vbox-player.magenta .vbox-timecont-button #nextGlyph {
    margin: 5px auto 0 0;
}

.vbox-player.magenta .vbox-timecont-button:hover #nextGlyph {
    opacity: 0.8;
}

.vbox-player.magenta .vbox-embed-link-button {
    float: right;
    display: none;
}

/* Seek Slider */
.vbox-timeline {
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
    margin: 0 165px 0 86px;
/*    padding: 10px 0;*/
}

.vbox-timeline.nobiggen {
    margin: 0 130px 0 85px;
}

.vbox-timeline.mobile {
    margin: 0 90px 0 56px;
}

.vbox-timeline.nobiggen_emb {
    margin: 0 170px 0 85px;
}

.vbox-timeline.mobile_emb {
    margin: 0 130px 0 56px;
}

.vbox-timeline.playlist {
	margin-left: 160px
}

.vbox-timeline.contbtn {
	margin-left: 120px
}

.vbox-player.magenta .vbox-seek-slider {
    display: block;
    height: 11px;
    border: none;
    z-index: 2;
    cursor: pointer;
    line-height: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 4px, rgba(255,255,255,0.6) 4px, rgba(255,255,255,0.6) 7px, rgba(255,255,255,0) 7px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 4px,rgba(255,255,255,0.6) 4px,rgba(255,255,255,0.6) 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 4px,rgba(255,255,255,0.6) 4px,rgba(255,255,255,0.6) 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.vbox-player.magenta .vbox-buffer-small, .vbox-player.magenta .vbox-seek-small {
    position: absolute;
    top: 0px;
    height: 3px;
    z-index: 900;
}
.vbox-player.magenta .vbox-buffer-small {
    width: 100%;
    background: rgba(0,0,0,0.8) !important;	

}
.vbox-player.magenta .vbox-seek-small {
    background: #ff1464 !important;
}

.vbox-player.magenta .vbox-seek-slider .ui-slider-handle {
    line-height: 0px;
    position: absolute;
    top: 1px;
    margin-left: -4px;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    border: none;
    background: #ff1464;
    cursor: pointer;
}

.vbox-player.magenta .vbox-seek-slider:hover .ui-slider-handle {
    display: block;
}

.vbox-player.magenta .vbox-seek-slider:hover .ui-slider-handle , .vbox-player.magenta .vbox-seek-slider:active .ui-slider-handle {
    line-height: 0px;
    position: absolute;
    top: -4px;
    margin-left: -9px;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: 3px solid rgba(255,255,255,0.8);
    cursor: pointer;
}

.vbox-player.magenta .vbox-seek-slider .ui-slider-range {	
/*    background: url('../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/hpink.svg') center 4px repeat-x !important;*/
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 4px, rgba(236,14,99,1) 4px, rgba(236,14,99,1) 7px, rgba(255,255,255,0) 7px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 4px,rgba(236,14,99,1) 4px,rgba(236,14,99,1) 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 4px,rgba(236,14,99,1) 4px,rgba(236,14,99,1) 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Bubble */
.vbox-player.magenta .vbox-bubble {
    bottom: 24px;
    position: absolute;
    left: 0;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 3px;
    background: #ffffff;
    z-index: 1002;
}

.vbox-player.magenta .vbox-bubble-img {
    width: 120px;
    height: 68px;
    margin: auto;
}

.vbox-player.magenta .vbox-bubble-time {
    cursor: pointer;
}

.vbox-player.magenta .vbox-bubble.show-bubble {
    display: block;
}

.vbox-player.magenta .vbox-bubble-arrow {
    display: none;
    top: 0; 
    left: 0;
    margin-top: -14px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FFFFFF;
}

.vbox-player.magenta .vbox-bubble-arrow.show-bubble-arrow {
/*    display: block;*/
}

/* Cont Bubble */

.vbox-player.magenta .vbox-cont-bubble-container {
	position: relative;
}

.vbox-player.magenta .vbox-cont-bubble {
	position: absolute;
    bottom: 0;
    left: 10px;
    color: #333333;
    font-size: 12px;
	font-weight: bold;
    text-align: left;
    border-radius: 3px;
    background: #ffffff;
    z-index: 1002;
	padding: 5px;
}

.vbox-player.magenta .vbox-cont-bubble-outer {
	display: none;
}

.vbox-player.magenta .vbox-cont-bubble-container:hover .vbox-cont-bubble-outer {
	display: block;
}

.vbox-player.magenta .vbox-cont-endbubble {
	position: absolute;
    bottom: 44px;
    left: 10px;
	display: none;
}

.vbox-player.magenta .vbox-cont-bubble.active {
	display: block;
}

.vbox-player.magenta .vbox-cont-bubble a, .vbox-player.magenta .vbox-cont-endbubble a {
	color: #333333;
}

.vbox-player.magenta .vbox-cont-bubble-thumb {
    position: relative;
	width: 160px; 
	height: 90px;
	margin: 0 0 5px 0;
}

.vbox-player.magenta .vbox-cont-bubble-thumb img {
	width: 160px; 
	height: 90px;
}

.vbox-player.magenta .vbox-cont-bubble-info {
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	background: #373737;
	color: #ffffff;
	font-size: 9px;
	padding: 10px 5px;
}

.vbox-player.magenta .vbox-cont-bubble-text {
	float: left;
	
}

.vbox-player.magenta .vbox-cont-bubble-time {
	float: right;
}

.vbox-player.magenta .vbox-cont-bubble-title {
	width: 160px;
}


.vbox-player.magenta .vbox-cont-play {
  opacity:0;
  margin-left:-25px;
  margin-top:-25px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: 50px;
  height: 50px;
}

.vbox-player.magenta .vbox-cont-bubble a:hover .vbox-cont-play { opacity:1 }

/* Timer */
.vbox-player.magenta .vbox-timer-box-left, .vbox-player.magenta .vbox-timer-box-right {
    padding-top: 14px;
    font-size: 12px;
}

.vbox-player.magenta .vbox-timer-box-left {
    float: left;
}

.vbox-player.magenta .vbox-timer-box-left.mobile {
    margin: 0 0 0 15px;
}

.vbox-player.magenta .vbox-timer-box-right {
    float: right;
    margin: 0 5px 0 0;
}

.vbox-player.magenta .vbox-timer-total {
    color: #ffffff;
}

.vbox-player.magenta .vbox-timer {
    color: #ffffff;
}


/* Volume Container */
.vbox-player.magenta .vbox-volume-box {
    float: right;
    position: relative;
    line-height: 0px;
}

/* Volume Button */

.vbox-player.magenta .vbox-volume-button #volGlyph {
    margin: auto;
    display: block;
}
.vbox-player.magenta .vbox-volume-button #muteGlyph {
    margin: auto;
    display: none;
}

.vbox-player.magenta .vbox-volume-mute #volGlyph {
    display: none;
}

.vbox-player.magenta .vbox-volume-mute #muteGlyph {
    display: block;
}

/* Volume Slider */


.vbox-player.magenta .vbox-volume-slider {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 37px;
    height: 90px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 17px, rgba(255,255,255,0.6) 17px, rgba(255,255,255,0.6) 20px, rgba(255,255,255,0) 20px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 17px,rgba(255,255,255,0.6) 17px,rgba(255,255,255,0.6) 20px,rgba(255,255,255,0) 20px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 17px,rgba(255,255,255,0.6) 17px,rgba(255,255,255,0.6) 20px,rgba(255,255,255,0) 20px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    cursor: pointer;
    
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;

    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.vbox-player.magenta .vbox-volume-box:hover .vbox-volume-slider {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

.vbox-player.magenta .vbox-volume-slider .ui-slider-handle {
    line-height: 0px;
    left: 50%;
    margin-left: -5px;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    border: none;
    background: #ff1464;
    cursor: pointer;
}

.vbox-player.magenta .vbox-volume-slider:hover .ui-slider-handle {
    display: block;
}

.vbox-player.magenta .vbox-volume-slider:hover .ui-slider-handle, .vbox-player.magenta .vbox-volume-slider:active .ui-slider-handle {
    line-height: 0px;
    left: 50%;
    margin-left: -10px;
    margin-bottom: -4px;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    border: 3px solid rgba(255,255,255,0.8);
    cursor: pointer;
}

.vbox-player.magenta .vbox-volume-slider .ui-slider-range {	
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 17px, rgba(236,14,99,1) 17px, rgba(236,14,99,1) 20px, rgba(255,255,255,0) 20px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 17px,rgba(236,14,99,1) 17px,rgba(236,14,99,1) 20px,rgba(255,255,255,0) 20px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 17px,rgba(236,14,99,1) 17px,rgba(236,14,99,1) 20px,rgba(255,255,255,0) 20px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Biggen Button */
.vbox-player.magenta .vbox-biggen-button {
    float: right;
}

.vbox-player.magenta .vbox-biggen-button:hover #bgnGlyph {
    opacity: 0.8;
}

/* Fullscreen Button */
.vbox-player.magenta .vbox-fullscreen-button {
    float: right;
}

.vbox-player.magenta .vbox-fullscreen-button:hover #fsGlyph {
    opacity: 0.8;
}

/* settings button */
.vbox-player.magenta .vbox-settings-button {
    margin: 5px 0 0 0;
}

.vbox-player.magenta .vbox-settings-hd {
    display: none;
	position: absolute;
	top: 11px;
	right: 0;
}

.vbox-player.magenta .vbox-settings-button.hd .vbox-settings-hd {
    display: inline-block;
}

.vbox-player.magenta .vbox-settings-button:hover #setGlyph {
    opacity: 0.8;
}

/* share button */
.vbox-player.magenta .vbox-share-button:hover #shareGlyph {
    opacity: 0.8;
}

/* addto button */

.vbox-player.magenta .vbox-addto-button:hover #addtoGlyph {
    opacity: 0.8;
}

/* Vote Up Button */
.vbox-player.magenta .vbox-voteup-button {
    float: right;
    background: url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_like.png) center no-repeat;
    width: 90px;
    display: none;
}
.vbox-player.magenta .vbox-voteup-button.voted-up {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_like_active.png) center no-repeat;
    cursor: default;
}
.vbox-player.magenta .vbox-voteup-button.voted-up:hover {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_like_active.png) center no-repeat;
    cursor: default;
}
.vbox-player.magenta .vbox-voteup-button:hover {
    background: #000 url(../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/btn_like_over.png) center no-repeat;
}
.vbox-player.magenta .vbox-voteup-button:active {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_like_active.png) center no-repeat;
}

/* Vote Down Button */
.vbox-player.magenta .vbox-votedown-button {
    float: right;
    background: url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_dislike.png) center no-repeat;
    width: 45px;
    display: none;
}
.vbox-player.magenta .vbox-votedown-button.voted-down {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_dislike_active.png) center no-repeat;
    cursor: default;
}
.vbox-player.magenta .vbox-votedown-button.voted-down:hover {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_dislike_active.png) center no-repeat;
    cursor: default;
}
.vbox-player.magenta .vbox-votedown-button:hover {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_dislike_over.png) center no-repeat;
}
.vbox-player.magenta .vbox-votedown-button:active {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/btn_dislike_active.png) center no-repeat;
}

/* Fullscreen Mode */
.vbox-player.magenta .vbox-controls.fullscreen-controls {	
    left: 0px;
    bottom: 0px;
}
.vbox-player.magenta .vbox-controls-small.fullscreen-controls {	
    left: 0px;
    bottom: 0px;
}

.vbox-player.magenta .vbox-controls.fullscreen-controls .vbox-biggen-button {
    display: none;
}

/* Tooltip */
.vbox-player.magenta .vbox-tooltip {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    background: rgba(70, 70, 70, 0.7);

    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px -1px 1px #000;

    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 9999;

    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.vbox-player.magenta .vbox-tooltip.show-tooltip{
    opacity: 1;
    visibility: visible;
}
/* Captions */

.vbox-player.magenta .vbox-caption-box {
    margin: auto;
    width: 60%;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 24px;
    line-height: 30px;
}

.vbox-player.magenta .vbox-caption.fullscreen-controls .vbox-caption-box {
    font-size: 36px;
    line-height: 42px;
}

.vbox-player.magenta .vbox-cap {
    bottom: 45px;
}
.vbox-player.magenta .vbox-cap.controls-visible {
    bottom: 73px;
}
.vbox-player.magenta .vbox-cap.fullscreen-controls {
    bottom: 73px;
}

/* Play Effect */

.vbox-player.magenta .play-effect {
    width: 29px;
    height: 40px;
    margin: -20px 0 0 -14px;
	cursor: pointer;
}

.vbox-player.magenta .play-effect #playGlyph {
    width: 100%;
    height: 100%;
}

.vbox-player.magenta .pause-effect {
    width: 46px;
    height: 40px;
    margin: -20px 0 0 -23px;
}

.vbox-player.magenta .pause-effect #pauseGlyph {
    width: 100%;
    height: 100%;
}

.vbox-player.magenta .play-init {
    width: 29px;
    height: 40px;
    margin: -20px 0 0 -14px;
}

.vbox-player.magenta .play-init #playGlyph {
    width: 100%;
    height: 100%;
}

.vbox-player.magenta .play-vpaid-init {
    width: 29px;
    height: 40px;
    margin: -20px 0 0 -14px;
}

.vbox-player.magenta .play-vpaid-init #playGlyph {
    width: 100%;
    height: 100%;
}

.vbox-player.magenta .camera-effect {
    display: none;
    background: #000 url(../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/camera.png) center no-repeat;
    width: 80px;
    height: 40px;
    margin-top: -20px;
    margin-left: 50px;
}

.vbox-player.magenta .vbox-static.static-on {
    background: url(../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/static.gif);
}

.vbox-player.magenta .vbox-rel-video-controls {
	position: absolute;
	top: 40px;
	left: 15px;
	bottom: 40px;
	right: 50px;
}



.vbox-player.magenta .vbox-related {
	display: none;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	overflow: hidden;
}

.vbox-player.magenta .vbox-rel-leftarrow, .vbox-player.magenta .vbox-rel-rightarrow {
	margin-top: -25px;
	top: 50%;
	position: absolute;
	z-index: 1100;
}

.vbox-player.magenta .vbox-rel-leftarrow {
	left: 15px;
    background: #3B3B3B;
	border-radius: 50%;
	width: 51px;
	height: 51px; 
	padding: 15px 17px;
	cursor: pointer;
}
.vbox-player.magenta .vbox-rel-leftarrow svg {
	width: 12px;
	height: 20px;
}
.vbox-player.magenta .vbox-rel-leftarrow:active {
    background: #808080;
}
.vbox-player.magenta .vbox-rel-leftarrow:hover svg {
	opacity: 0.8
}

.vbox-player.magenta .vbox-rel-rightarrow {
	right: 15px;
    background: #3B3B3B;
	border-radius: 50%;
	width: 51px;
	height: 51px;
	padding: 15px 20px;
}
.vbox-player.magenta .vbox-rel-rightarrow svg {
	width: 12px;
	height: 20px;
	transform: rotate(180deg);
}
.vbox-player.magenta .vbox-rel-rightarrow:active {
    background: #808080;
}
.vbox-player.magenta .vbox-rel-rightarrow:hover svg {
	opacity: 0.8;
}


.vbox-player.magenta .vbox-rel-thumbarea {
    position: absolute;
	top: 55px;
	left: 15px;
	bottom: 40px;
	right: 50px;
	
	display: flex;
	flex-flow: column wrap;
	/*display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-template-rows: 33% 33% 33%;*/
	overflow: hidden;
	transition: opacity 0.2s;
}

.vbox-player.magenta .vbox-related.noscroll .vbox-rel-thumbarea {
	display: block;
}

.vbox-player.magenta .vbox-related.noscroll .vbox-rel-thumbarea .vbox-rel-video {
	float: left;
}

.vbox-player.magenta .vbox-related.noscroll .vbox-rel-video-controls {
	display: none;
}

.vbox-player.magenta .vbox-rel-video {
    width: 25%;
    height: 33.3%;
	overflow: hidden;
	border: 2px solid #000;
}

.vbox-player.magenta .vbox-rel-link {
    position: relative;
    display: block;
	height: 100%;
}

.vbox-player.magenta .vbox-rel-link img {
	width: 100%; 
	height:100%; 
	object-fit: cover;
}


.vbox-player.magenta .vbox-rel-thumb {
    height: 100%;
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #000000;
}

.vbox-player.magenta .vbox-rel-video-info {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
	right: 0;
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
}

.vbox-player.magenta .vbox-rel-video-uploader {
    position: absolute;
    bottom: 6px;
    left: 0;
}

.vbox-player.magenta .vbox-rel-video-time {
    position: absolute;
    bottom: 6px;
    right: 10px;
	font-size: 12px;
}

.vbox-player.magenta .vbox-relatedLine {
	display: none;
	
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.vbox-player.magenta .vbox-relatedLine.off {
	background: none;
}

.vbox-player.magenta .vbox-relatedLine.off .vbox-relline-controls {
	display: none;
}
.vbox-player.magenta .vbox-relatedLine.off .vbox-relline-thumbarea {
	height: 0px;
	background: none;
}
.vbox-player.magenta .vbox-relatedLine.off .vbox-relline-video {
	height: 0;
}

.vbox-player.magenta .vbox-relatedLine.off .vbox-relline-btn {
	bottom: 40px !important;
}

.vbox-player.magenta .vbox-relatedLine.off .vbox-relline-btn svg {
	transform: rotate(90deg);
}
	
.vbox-player.magenta .vbox-relline-controls {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 270px;
	transition: height 0.2s;
}

.vbox-player.magenta .vbox-relline-btn {
	position: absolute;
	right: 0;
	bottom: 210px;
	width: 40px;
	z-index: 1020;
	padding: 0 10px;
	cursor: pointer;
	transition: bottom 0.2s;
}

.vbox-player.magenta .vbox-relline-btn svg {
	width: 12px;
	height: 20px;
	transform: rotate(270deg);
}

.vbox-player.magenta .vbox-relline-thumbarea {
    position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 245px;
	background: #191919;

	display: flex;
	flex-flow: column wrap;
	overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
	-webkit-overflow-scrolling: touch;
	z-index: 1010;
	transition: height 0.2s;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

.vbox-player.magenta .vbox-relline-thumbarea::-webkit-scrollbar { /* WebKit */
    width: 0px;
}	

.vbox-player.magenta .vbox-relline-video {
    width: 30%;
	max-width: 225px;
    height: 100%;
	overflow: hidden;
	margin: 40px 0 0 36px;
	transition: height 0.2s;
}

.vbox-player.magenta .vbox-relatedLine.noscroll .vbox-relline-thumbarea {
	display: block;
}

.vbox-player.magenta .vbox-relatedLine.noscroll .vbox-relline-thumbarea .vbox-relline-video {
	float: left;
}

.vbox-player.magenta .vbox-relatedLine.noscroll .vbox-relline-controls {
	display: none;
}

.vbox-player.magenta .vbox-relline-spacer {
	width: 36px;
	height: 100%;
}

.vbox-player.magenta .vbox-relline-link {
    position: relative;
    display: block;
	height: 100%;
}

.vbox-player.magenta .vbox-relline-thumb {
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 56.25%;
	border: 1px solid #191919;
}

.vbox-player.magenta .vbox-relline-video-info {
	font-size: 15px;
	padding: 10px;
}

.vbox-player.magenta .vbox-relline-video-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vbox-player.magenta .vbox-relline-leftarrow, .vbox-player.magenta .vbox-relline-rightarrow {
	margin-top: -25px;
	top: 50%;
	position: absolute;
	z-index: 1100;
}

.vbox-player.magenta .vbox-relline-leftarrow {
	left: 15px;
    background: #3B3B3B;
	border-radius: 50%;
	width: 51px;
	height: 51px; 
	padding: 15px 17px;
	cursor: pointer;
}
.vbox-player.magenta .vbox-relline-leftarrow svg {
	width: 12px;
	height: 20px;
}
.vbox-player.magenta .vbox-relline-leftarrow:active {
    background: #808080;
}
.vbox-player.magenta .vbox-relline-leftarrow:hover svg {
	opacity: 0.8;
}

.vbox-player.magenta .vbox-relline-rightarrow {
	right: 15px;
    background: #3B3B3B;
	border-radius: 50%;
	width: 51px;
	height: 51px;
	padding: 15px 20px;
}
.vbox-player.magenta .vbox-relline-rightarrow svg {
	width: 12px;
	height: 20px;
	transform: rotate(180deg);
}
.vbox-player.magenta .vbox-relline-rightarrow:active {
    background: #808080;
}
.vbox-player.magenta .vbox-relline-rightarrow:hover svg {
	opacity: 0.8;
}

.vbox-player.magenta .vbox-rel-video a { color: #ffffff; }

.vbox-player.magenta .vbox-rel-link:hover .vbox-rel-video-info {
    display: block;
}

.vbox-player.magenta .vbox-rel-video-info.touchscreen {
    display: block;
    background: none;
    border: 1px solid #666666;
}

.vbox-player.magenta .vbox-rel-pagearea {
    width: 30%;
    height: 20px;
    margin: 10px auto 0 auto;
    overflow: hidden;
}

.vbox-player.magenta .vbox-rel-page {
    line-height: 0;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    border: none;
    background: #ff1464;
    
    float: left;
    cursor: pointer;
    margin: 5px 8px 0 8px;
}

.vbox-player.magenta .vbox-rel-page.active-page {
    line-height: 0;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    border: 3px solid rgba(255,255,255,0.8);
    background: #ff1464;
    margin-top: 0;
}

.vbox-player.magenta .vbox-adwise {
    margin: auto;
    width: 75%;
    max-width: 575px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    height: 67px;
    position: relative;
	color: #000000;
}

.vbox-player.magenta .vbox-adw-thumb {
    width: 75px;
    height: 65px;
    margin: 0 5px 0 0;
    float: left;
    cursor: pointer;
}
.vbox-player.magenta .vbox-adw-info {
    height: 65px;
    padding: 5px;
    line-height: 17px;
    cursor: pointer;
}
.vbox-player.magenta .vbox-adw-title {
    font-size: 14px;
    font-weight: bold;
	line-height: 14px;
}
.vbox-player.magenta .vbox-adw-text {
    font-size: 12px;
	line-height: 14px;
    height: 28px;
}
.vbox-player.magenta .vbox-adw-url {
    font-size: 11px;
	color: #808080;
}

.vbox-player.magenta .vbox-adw-banner {
    cursor: pointer;
    font-size: 0px;
}

.vbox-player.magenta .vbox-adw-banner img {
    max-width: 100%;
}

.vbox-player.magenta .vbox-adw-btns {
    position: absolute;
    top: 0;
    right: 0;
}
.vbox-player.magenta .vbox-adw-leftarrow, .vbox-player.magenta .vbox-adw-rightarrow, .vbox-player.magenta .vbox-adw-close {
    float: left;
    width: 17px;
    height: 17px;
    cursor: pointer;
}
.vbox-player.magenta .vbox-adw-leftarrow {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/adwise-leftarrow.png) center no-repeat;
	display: none;
}
.vbox-player.magenta .vbox-adw-leftarrow:hover {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/adwise-leftarrow-over.png) center no-repeat;
}
.vbox-player.magenta .vbox-adw-leftarrow:active {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/adwise-leftarrow-active.png) center no-repeat;
}
.vbox-player.magenta .vbox-adw-rightarrow {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/adwise-rightarrow.png) center no-repeat;
	display: none;
}
.vbox-player.magenta .vbox-adw-rightarrow:hover {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/adwise-rightarrow-over.png) center no-repeat;
}
.vbox-player.magenta .vbox-adw-rightarrow:active {
    background: #000 url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/adwise-rightarrow-active.png) center no-repeat;
}

.vbox-player.magenta .vbox-adw-close {
	background: #ffffff;
	text-align: center;
	line-height: 14px;
}

.vbox-player.magenta .vbox-adw-close svg {
    vertical-align: middle;
}

.vbox-player.magenta .vbox-adw-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 20px;
    background: url(../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/ico_ad.png) center no-repeat;
    cursor: pointer;
	color: #ffffff;
	font-size: 10px;
	padding: 7px 0 0 10px;
}

.vbox-player.magenta .vbox-adw-logo span {
	display: none;
}

.vbox-player.magenta .vbox-adw-logo:hover {
	height: 24px;
	width: 115px;
    background: #ff8a00 url(../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/ico_adwise.png) right 5px center no-repeat;
}

.vbox-player.magenta .vbox-adw-logo:hover span {
	display: block;
}

.vbox-player.magenta .vbox-adwise-dot, .vbox-player.magenta .vbox-adwise-dot-small {
    background: none !important;
    border-right: 2px solid #FFFF05;
    display: none;
    z-index: 1001;
}

.vbox-player.magenta .vbox-adwise-dot {
    height: 5px;
    position: absolute;
    top: 3px;
}

.vbox-player.magenta .vbox-adwise-dot-small {
    height: 4px;
    position: absolute;
}

.vbox-player.magenta .vbox-video-adv-separtator-big{
    background: none !important;
    border-right: 2px solid #FFFF05;
    z-index: 1001;
    position: absolute;
    height: 5px;
    margin-top: -8px;
}

.vbox-player.magenta .vbox-video-adv-separtator-small{
    background: none !important;
    border-right: 2px solid #FFFF05;
    z-index: 1001;
    position: absolute;
    height: 4px;
}

.vbox-player.magenta .vbox-adwise-manbtn {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 48%;
    bottom: 5px;
    background: url(../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/adwise-open.png) center no-repeat;
    cursor: pointer;
}

.vbox-player.magenta .vbox-preroll-closebtn {
    padding: 10px 15px;
    position: absolute;
    z-index: 1001;
    right: 0px;
    top: 10px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    font-size: 14px;

    display: none;
}

.vbox-player.magenta .vbox-preroll-visitbtn {
    padding: 10px 15px;
    position: absolute;
    z-index: 1001;
    left: 0px;
    top: 10px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    font-size: 14px;

    display: none;
}

.vbox-player.magenta .vbox-preroll-closebtn #arrGlyph {
    vertical-align: middle;
    margin: 0 0 0 10px;
	-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
	-moz-transform: rotate(180deg);        /* FF */
	-o-transform: rotate(180deg);          /* Opera */
	-ms-transform: rotate(180deg);         /* IE9 */
	transform: rotate(180deg);             /* W3C compliant browsers */

	/* IE8 and below */
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
}

.vbox-player.magenta .vbox-preroll-info {
    padding: 10px 15px;
    position: absolute;
    z-index: 1001;
    right: 0px;
    top: 10px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    
    color: #FFFFFF;
    font-size: 14px;

    display: none;
}

/* cast */
.vbox-player.magenta .vbox-cast {
    display: none;
    position: absolute;
    z-index: 2000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.vbox-player.magenta .vbox-cast-gray {
    position: absolute;
    z-index: 2002;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.5;
}

.vbox-player.magenta .vbox-cast-img {
    position: absolute;
    z-index: 2001;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: contain;
}

/* Cast Controls(Play, Pause) */
.vbox-player.magenta .vbox-cast-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2010;
    display: none;
    padding: 0 5px 0 5px;
}

.vbox-player.magenta .vbox-cast-status {
    position: absolute;
    bottom: 100px;
    left: 30px;
    z-index: 2010;

    color: #c0c0c0;
    font-size: 36px;
    font-weight: bold;
}

.vbox-player.magenta .vbox-cast-controls-top {
    position: absolute;
    top: 0px;
    z-index: 2030;
    width: 100%;
    display: none;
}

.vbox-player.magenta .vbox-cast-start-button {
 
    display: none;
 
}

.vbox-player.magenta .vbox-cast-close-button {
    float: right;
    margin: 0 5px 0 0;
}

.vbox-player.magenta .vbox-cast-play-button {
    float: left;
    display: block;
}
.vbox-player.magenta .vbox-cast-play-button #playGlyph {
    display: block;
    margin: auto;
}
.vbox-player.magenta .vbox-cast-play-button #pauseGlyph {
    display: none;
    margin: auto;
}

.vbox-player.magenta .vbox-cast-play-button:hover #playGlyph {
    opacity: 0.8;
}

.vbox-player.magenta .vbox-cast-paused-button #playGlyph {
    display: none;
}
.vbox-player.magenta .vbox-cast-paused-button #pauseGlyph {
    display: block;
}

.vbox-player.magenta .vbox-cast-paused-button:hover #pauseGlyph {
    opacity: 0.8;
}
.vbox-player.magenta .vbox-cast-paused-button:hover #pauseGlyph {
    opacity: 0.8;
}

.vbox-player.magenta .vbox-cast-timeline {
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
    margin: 0 50px 0 45px;
}

.vbox-player.magenta .vbox-cast-seek-slider {
    display: block;
    height: 11px;
    border: none;
    z-index: 2;
    cursor: pointer;
    line-height: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 4px, rgba(255,255,255,0.6) 4px, rgba(255,255,255,0.6) 7px, rgba(255,255,255,0) 7px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 4px,rgba(255,255,255,0.6) 4px,rgba(255,255,255,0.6) 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 4px,rgba(255,255,255,0.6) 4px,rgba(255,255,255,0.6) 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.vbox-player.magenta .vbox-cast-seek-slider .ui-slider-handle {
    line-height: 0px;
    position: absolute;
    top: 1px;
    margin-left: -4px;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    border: none;
    background: #ff1464;
    cursor: pointer;
}

.vbox-player.magenta .vbox-cast-seek-slider:hover .ui-slider-handle {
    display: block;
}

.vbox-player.magenta .vbox-cast-seek-slider:hover .ui-slider-handle , .vbox-player.magenta .vbox-cast-seek-slider:active .ui-slider-handle {
    line-height: 0px;
    position: absolute;
    top: -4px;
    margin-left: -9px;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: 3px solid rgba(255,255,255,0.8);
    background: #ff1464;
    cursor: pointer;
}

.vbox-player.magenta .vbox-cast-seek-slider .ui-slider-range {	
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 4px, rgba(236,14,99,1) 4px, rgba(236,14,99,1) 7px, rgba(255,255,255,0) 7px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 4px,rgba(236,14,99,1) 4px,rgba(236,14,99,1) 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 4px,rgba(236,14,99,1) 4px,rgba(236,14,99,1) 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Volume Container */
.vbox-player.magenta .vbox-cast-volume-box {
    float: right;
    position: relative;
    line-height: 0px;
}

/* Volume Button */

.vbox-player.magenta .vbox-cast-volume-button #volGlyph {
    margin: auto;
    display: block;
}
.vbox-player.magenta .vbox-cast-volume-button #muteGlyph {
    margin: auto;
    display: none;
}

.vbox-player.magenta .vbox-cast-volume-mute #volGlyph {
    display: none;
}

.vbox-player.magenta .vbox-cast-volume-mute #muteGlyph {
    display: block;
}

/* Volume Slider */


.vbox-player.magenta .vbox-cast-volume-slider {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 37px;
    height: 90px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 17px, rgba(255,255,255,0.6) 17px, rgba(255,255,255,0.6) 20px, rgba(255,255,255,0) 20px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 17px,rgba(255,255,255,0.6) 17px,rgba(255,255,255,0.6) 20px,rgba(255,255,255,0) 20px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 17px,rgba(255,255,255,0.6) 17px,rgba(255,255,255,0.6) 20px,rgba(255,255,255,0) 20px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    cursor: pointer;
    
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;

    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.vbox-player.magenta .vbox-cast-volume-box:hover .vbox-cast-volume-slider {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

.vbox-player.magenta .vbox-cast-volume-slider .ui-slider-handle {
    line-height: 0px;
    left: 50%;
    margin-left: -5px;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    border: none;
    background: #ff1464;
    cursor: pointer;
}

.vbox-player.magenta .vbox-cast-volume-slider:hover .ui-slider-handle {
    display: block;
}

.vbox-player.magenta .vbox-cast-volume-slider:hover .ui-slider-handle, .vbox-player.magenta .vbox-cast-volume-slider:active .ui-slider-handle {
    line-height: 0px;
    left: 50%;
    margin-left: -10px;
    margin-bottom: -4px;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    border: 3px solid rgba(255,255,255,0.8);
    cursor: pointer;
}

.vbox-player.magenta .vbox-cast-volume-slider .ui-slider-range {	
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 17px, rgba(236,14,99,1) 17px, rgba(236,14,99,1) 20px, rgba(255,255,255,0) 20px, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 17px,rgba(236,14,99,1) 17px,rgba(236,14,99,1) 20px,rgba(255,255,255,0) 20px,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 17px,rgba(236,14,99,1) 17px,rgba(236,14,99,1) 20px,rgba(255,255,255,0) 20px,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.vbox-player.magenta .vbox-annotations-note  {width: 20px; height: 20px; background: url("../../../../../../../design/black_05.png") repeat; color: #ffffff; position: absolute; display: none;}
.vbox-player.magenta .vbox-annotations-note span {display:inline-block; padding: 10px;}
.vbox-player.magenta .vbox-annotations-frame {width: 20px; height: 20px; border: 1px solid #DDDDDD; color: #000000; position: absolute; display: none;}
.vbox-player.magenta .vbox-annotations-hint  {opacity: 1; display: none; background-color: #000000; color: #ffffff; width: 100%; top: 100%; position: absolute; text-align: center;}
.vbox-player.magenta .vbox-annotations-note:hover {background: url('../../../../../../../design/black_07.png') repeat; cursor: pointer;}
.vbox-player.magenta .vbox-annotations-frame:hover {cursor: pointer;}
.vbox-player.magenta .vbox-annotations-infobox-note{/*width: 0px; height: 0px;*/ line-height: 1;}
.vbox-player.magenta .vbox-annotations-infobox-frame{height: 20px; background-color: #DDDDDD; color: #000000; bottom: -21px; left: -1px; right: -1px; position: absolute; border: 1px solid #DDDDDD;}
.vbox-player.magenta .vbox-annotations-text-note{}
.vbox-player.magenta .vbox-annotations-text-frame{width: 0px; height: 0px; display: none;}

/* continous play */
.vbox-player.magenta .vbox-con-controls {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 0 0 0
}

.vbox-player.magenta .vbox-con-closebtn {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.vbox-player.magenta .vbox-con-animaiton {
    float: left;
    width: 70px;
    height: 70px;
    margin: 0 20px 0 0;
}

.vbox-player.magenta .vbox-con-pagearea {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -150px;
    width: 300px;
    height: 150px;
}

.vbox-player.magenta .vbox-con-next {
    text-transform: uppercase;
    font-size: 15px !important;
    color: #cccccc;
    display: block;
    margin: 0 0 5px 0;
}

.vbox-player.magenta .vbox-con-pagearea a {
    font-weight: bold;
    font-size: 17px !important;
    text-decoration: none;
    color: #FFFFFF;

    line-height: 24px;
}

.vbox-player.magenta .vbox-set-closebtn {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 100;
}

.vbox-player.magenta .vbox-set-closebtn:hover #closeGlyph {
    opacity: 0.8;
}

.vbox-player.magenta .vbox-settings-page {
    display: none;
	position: absolute;
	right: 45px;
	padding: 15px 15px 0 15px;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.7);
}

.vbox-player.magenta .vbox-settings-page.settings {
	top: 10px;
}

.vbox-player.magenta .vbox-settings-page.resolutions {
	top: 10px;
}

.vbox-player.magenta .vbox-settings-page.share {
	top: 50px;
}

.vbox-player.magenta .vbox-settings-page.addto {
	top: 90px;
}

.vbox-player.magenta .vbox-set-setting {
    color: #FFFFFF;
    font-size: 13px;
	margin: 0 0 15px 0;
}

.vbox-player.magenta .vbox-set-setting-label {
	display: inline-block;
	width: 80px;
	vertical-align: middle;
	cursor: pointer;
}

.vbox-player.magenta .vbox-set-setting-res {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.vbox-player.magenta .vbox-set-setting-res span {
	color: #ff1464;
}


.vbox-player.magenta .vbox-set-setting-res .arrGlyph  {
	/*flipped*/
	-moz-transform: scaleX(-1); 
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	
	width: 7px;
	height: 12px;
	vertical-align: middle;
	margin: 0 3px;
}

.vbox-player.magenta .vbox-set-setting-res .arrGlyph > path {
	fill: #ff1464 !important;
}


/* Settings CB (slider with on/off) */
.vbox-player.magenta .vbox-set-setting-cb {
	display: inline-block;
	vertical-align: middle;
    position: relative;
    width: 25px;
    height: 14px;
    border: 1px solid #6e6963;
    border-radius: 14px;
    cursor: pointer;
	
}

.vbox-player.magenta .vbox-set-setting-cb .ui-slider-handle {
    display: block;
    position: absolute;
    top: 0px;
    margin-top: -1px;
    line-height: 0px;
    height: 14px;
    width: 14px;
    background: #FFFFFF !important;
    border: none;
    border-radius: 14px;
    cursor: pointer;
}

.vbox-player.magenta .vbox-set-setting-cb .ui-slider-range {
    background: #ff1464;
    border-radius: 14px;
    height: 14px;
    left: -1px;
    position: absolute;
    top: -1px;
}

.vbox-player.magenta .vbox-res-header {
	color: #FFFFFF;
    font-size: 13px;
	margin: 0 0 15px 0;
	cursor: pointer;
}


.vbox-player.magenta .vbox-res-header .arrGlyph  {
	vertical-align: middle;
	width: 7px;
	height: 12px;
	margin: 0 3px;
}

.vbox-player.magenta .vbox-res-label {
	color: #FFFFFF;
    font-size: 13px;
	margin: 0 0 15px 15px;
	cursor: pointer;
}

.vbox-player.magenta .vbox-res-label span {
	color: #ff1464;
}


/* share page */

.vbox-player.magenta .vbox-share-row {   
    font-size: 13px;
    color: #FFFFFF;
	margin: 0 0 20px 0;
}

.vbox-player.magenta .vbox-share-row-btn {
    display: inline-block;
    cursor: pointer;
	margin: 0 10px 0 0;
}

.vbox-player.magenta .vbox-share-row-btn svg {
	vertical-align: middle;
}

.vbox-player.magenta .vbox-share-row-field {
	cursor: pointer;
}

.vbox-player.magenta .vbox-share-row-field .arrGlyph  {
	/*flipped*/
	-moz-transform: scaleX(-1); 
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	
	vertical-align: middle;
	width: 7px;
	height: 12px;
	margin: 0 3px;
}

.vbox-player.magenta .vbox-res-resolution.active {
	font-weight: bold;
}

/* addto page */
    
    
.vbox-player.magenta .vbox-addto-row {
    font-size: 13px;
    color: #FFFFFF;
	margin: 0 0 20px 0;
	cursor: pointer;
}

.vbox-player.magenta .vbox-addto-row svg {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.vbox-player.magenta .addToFavBtn.favourited .favStroke {
    stroke: none !important;
    fill: #ff1464 !important;
}

/* branding */

.vbox-player.magenta .vbox-branding-logo {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.vbox-player.magenta .vbox-branding-banner {
	position: absolute;
	top: 150px;
	right: 15px;
	width: 200px;
	height: 168px;
	overflow: hidden;
	display: none;
}

.vbox-player.magenta .vbox-cutin-banner {
	position: absolute;
	z-index: 2000;
	bottom: 130px;
	right: 15px;
	width: 200px;
	height: 168px;
	overflow: hidden;
	display: none;
}

/* subscribe pane */
.vbox-player.magenta .vbox-sub-container {
	position: absolute;
	z-index: 2000;
	bottom: 40px;
	right: 5px;
	width: 50px;
	height: 50px;
	padding: 5px;
	overflow: hidden;
	text-align: right;
}

.vbox-player.magenta .vbox-sub-container:hover {
	width: 210px;
	background: rgba(0,0,0,0.6);
}

.vbox-player.magenta .vbox-sub-btn {
	width: 145px;
	background: #ff1464;
	color: #ffffff;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	padding: 5px;
	margin: 0 10px 0 0;
	display: none;
	cursor: pointer;
}

.vbox-player.magenta .vbox-sub-container:hover .vbox-sub-btn {
	display: inline-block;
}

.vbox-player.magenta .vbox-sub-avatar {
	width: 40px; 
	height: 40px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.vbox-player.magenta .vbox-sub-img { 
	width: 40px; 
	height: 40px;
    clip-path: url(https://i49.vbox7.com/assets/css/vbox/vboxplayer/themes/magenta/vbox.magenta.css?v=be3d6d9a64#svgPath);
}

.vbox-player.magenta .unmute-btn {
	z-index: 110;
}

.vbox-player.magenta .unmute-ad-btn {
	z-index: 100000;
}

.vbox-player.magenta .unmute-btn, .vbox-player.magenta .unmute-ad-btn{
	position: absolute; 
	top: 40px; 
	left: 12px; 
	width: 30px; 
	height: 30px;
	overflow: hidden; 
	display: none;	
	text-align: center;
	cursor: pointer;
	padding: 5px;
}
.unmute-btn svg, .unmute-ad-btn svg { filter: drop-shadow(0 0 3px rgba(0,0,0,.65))}

.vbox-player.magenta .vbox-bumper-player {
	display: none;
	z-index: 20010;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.vbox-player.magenta #vbox-audio-bg {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;
}

.vbox-player.magenta #audio-canvas {
	position: absolute; left: 10%; top: 30%; width: 80%; height: 40%; pointer-events: none;
}

.vbox-player.magenta .vbox-live-offline {
	display: none;
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;
	background: #f1f1f1 url('../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/offline.gif') center no-repeat !important;
}
.vbox-player.magenta .vbox-live-offline span {
	top: 70%; display: block; width: 400px; position: absolute; left: 50%; margin-left: -200px; text-align: center; font-size: 24px;
}


@media screen and (max-width: 830px) { 
	.vbox-player.magenta .vbox-rel-video {
		width: 33.3% !important;
	}
	.vbox-player.magenta .vbox-rel-video-info {
		font-size: 14px !important;
	}
}

@media screen and (max-width: 680px) { 
    .vbox-player.magenta .vbox-con-controls {
        left: 10px !important;
        max-width: 400px !important;
    }
	
	.vbox-player.magenta .vbox-caption-box {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	
	.vbox-player.magenta .vbox-caption.fullscreen-controls .vbox-caption-box {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	
    .vbox-player.magenta .vbox-con-pagearea a {
        font-size: 14px !important;
    }
	
	.vbox-adw-title { font-size: 12px; }
	.vbox-adw-text { font-size: 10px; }
}

@media only screen and (max-width: 819px), (max-height: 360px) { 
	.vbox-player.magenta .vbox-embed-ctitle, .vbox-player.magenta .vbox-embed-title {
		font-size: 15px;
	}
	.vbox-player.magenta .vbox-relline-video {
		max-width: 150px !important;
		margin: 25px 0 0 22px !important;
	}
	.vbox-player.magenta .vbox-relline-thumbarea {
		height: 185px !important;
	}
	.vbox-player.magenta .vbox-relline-video-info {
		font-size: 13px !important;
		padding: 5px !important;
	}
	.vbox-player.magenta .vbox-relline-controls {
		height: 220px !important;
	}
	.vbox-player.magenta .vbox-relline-leftarrow {
		left: 8px !important;
		width: 39px !important;
		height: 39px !important;
		padding: 12px 14px !important;
	}
	.vbox-player.magenta .vbox-relline-leftarrow svg {
		width: 9px !important;
		height: 16px !important;
	}
	.vbox-player.magenta .vbox-relline-rightarrow {
		right: 8px !important;
		width: 39px !important;
		height: 39px !important;
		padding: 12px 16px !important;
	}
	.vbox-player.magenta .vbox-relline-rightarrow svg {
		width: 9px !important;
		height: 16px !important;
	}
	
	.vbox-player.magenta .vbox-relatedLine.off .vbox-relline-thumbarea {
		height: 78px !important;
	}
	
	.vbox-player.magenta .vbox-relatedLine.off .vbox-relline-btn {
		bottom: 50px !important;
	}
	
	.vbox-player.magenta .vbox-relline-btn {
		bottom: 160px !important;
	}
}

@media only screen and (max-width: 640px) { 
	.vbox-player.magenta .vbox-rel-video {
		width: 50% !important;
	}
	
	.vbox-player.magenta .vbox-controls-bg {
		background: url('../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/overlay-840-OK.png') !important;
                background-size: 100% 100% !important;
	}
}

@media only screen and (max-width: 500px) { 
	.vbox-player.magenta .vbox-relatedLine {
		visibility: hidden;
	}
}

@media only screen and (max-width: 450px) { 
	.vbox-player.magenta .vbox-rel-video {
		width: 100% !important;
	}
	
	.vbox-player.magenta .vbox-controls-bg {
		background: url('../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/overlay-840-OK.png') !important;
                background-size: 100% 100% !important;
	}
}

@media only screen and (max-width : 400px) {
    .vbox-caption-box {font-size: 10px !important}
    .vbox-embed-title {font-size: 10px !important}
    .vbox-embed-ctitle { font-size: 10px !important; }
    .vbox-embed-additional-info {font-size: 10px !important; padding: 2px 0 0 2px !important}
    .vbox-embed-video-info { display: none !important }
    .vbox-embed-user-info { display: none !important }
}

@media only screen and (max-width : 340px) {
	.vbox-adwise, .vbox-related, .vbox-settings-button, .vbox-addto-button, .vbox-controls-small, .vbox-timer-total, .vbox-timeline { display: none !important; }
	.vbox-timer-box-left { padding-top: 12px !important; }
}

@media only screen and (max-width : 330px) {
    .vbox-timer-box {display: none !important}
    .vbox-captions-button {width: 0px !important; height: 0px !important; overflow: hidden !important}
    .vbox-bubble, .vbox-bubble-arrow {display: none !important; width: 0px !important; height: 0px !important; overflow: hidden !important}
	.vbox-embed-title, .vbox-controls, .vbox-controls-bg, .vbox-controls-top, .vbox-controls-right, .vbox-controls-small { display: none !important; }
	.vbox-player.magenta .unmute-btn, .vbox-player.magenta .unmute-ad-btn{ top: 10px !important; }
	
	.play-effect { display: block !important; }
	.pause-effect.playing { display: none !important; }
	
	.play-effect.playing { display: none !important; }
	.pause-effect.playing { display: block !important; }
}

@media only screen  and (max-width : 200px) {
    .vbox-controls-top-cnt, .vbox-controls, .vbox-caption-box {display: none !important; width: 0px !important; height: 0px !important; overflow: hidden !important}	
}

@media only screen  and (max-width : 150px) {
    .vbox-controls-top {display: none !important; width: 0px !important; height: 0px !important; overflow: hidden !important }
    .vbox-controls-right {display: none !important; width: 0px !important; height: 0px !important; overflow: hidden !important }	
	.vbox-embed-title, .vbox-embed-ctitle, .vbox-watch-in-site {display: none !important; width: 0px !important; height: 0px !important; overflow: hidden !important }
}

@media screen and (max-width: 680px) and (orientation: portrait) { 
	.vbox-player.magenta .vbox-caption.fullscreen-controls .vbox-caption-box {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	
	.vbox-player.magenta .vbox-cap.fullscreen-controls {
		bottom: 40px;
	}
}

@media screen and (max-height: 840px) { 
	.vbox-player.magenta .vbox-controls-bg {
		background: url('../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/overlay-840-OK.png') !important;
                background-size: 100% 100% !important;
	}
}

@media screen and (max-height: 430px) { 
	.vbox-player.magenta .vbox-rel-video {
		height: 50% !important;
	}
}

@media screen and (max-height: 340px) { 
	.vbox-player.magenta .vbox-controls-bg {
		background: url('../../../../../../../assets/css/vbox/vboxplayer/themes/magenta/overlay-340-OK.png') !important;
                background-size: 100% 100% !important;
	}
}

@media screen and (max-height: 320px) { 
	.vbox-player.magenta .vbox-rel-video {
		height: 100% !important;
	}
}

@media screen and (max-height: 310px) {
	.vbox-player.magenta .vbox-relatedLine {
		visibility: hidden;
	}
}

@media screen and (max-height: 195px) {
	.vbox-embed-title, .vbox-embed-ctitle, .vbox-watch-in-site { display: none !important;  }
	.unmute-btn, .unmute-ad-btn{ top: 10px !important; }
}
	
@media screen and (max-height: 181px) {
	.vbox-adwise, .vbox-related, .vbox-settings-button, .vbox-addto-button, .vbox-controls-small { display: none !important; }
	.vbox-timer-box-left { padding-top: 12px !important; }
}

@media screen and (max-height: 181px) and (max-width : 150px) {
	.vbox-timer-total, .vbox-timeline { display: none !important; }
}

@media screen and (max-height: 150px) and (max-width : 150px) {
	.vbox-controls, .vbox-controls-bg, .vbox-controls-top, .vbox-controls-right, .vbox-controls-small { display: none !important; }
}

@media screen and (max-height: 150px) {
	.vbox-share-button { display: none !important; }
	#audio-canvas { left: 10%; top: 10%; width: 80%; height: 80%; }
	.play-init #playGlyph { position: absolute; top: 20%; left: 20%;  width: 60% !important; height: 60% !important; }
	.play-effect #playGlyph { position: absolute; top: 20%; left: 20%;  width: 60% !important; height: 60% !important; }
	.pause-effect #pauseGlyph { position: absolute; top: 20%; left: 20%; width: 60% !important; height: 60% !important; }
	.show-bubble { display: none !important }
	.vbox-volume-slider { display: none !important }
	.play-init { display: none !important }
	.player-context-menu.embeded { display: none !important }
}