/*! videojs-overlay - v0.0.0 - 2014-4-26
 * Copyright (c) 2014 Brightcove
 * Licensed under the Apache-2.0 license. */

/**
 * Some handy default styles for overlays.
 */
.vjs-overlay,
.vjs-overlay.vjs-overlay-top-left {
  position: absolute;
  width:auto;
height:50px;
}

.vjs-overlay a {
	display:block;
  color: #FFFFFF;
  text-decoration:none;
	height:50px;
}
.vjs-overlay a span {
	display:block;
}
.vjs-overlay a span.icon {
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	border-radius:25px;
	background:#000000 url(../_img/_layout/icons-bonus.svg);
	background:transparent url(../_img/_layout/icons-bonus.png);
	z-index:5;
	opacity:0.65;
	opacity:1;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}

.vjs-overlay a span.icon.video {
	background-position:0 0;
}
.vjs-overlay a span.icon.texts {
	background-position:-50px 0;
}
.vjs-overlay a span.icon.audio {
	background-position:-100px 0;
}
.vjs-overlay a span.icon.photo {
	background-position:-150px 0;
}

.vjs-overlay a:hover span.icon {
	background-color:#FFFFFF;
	background-color:transparent;
	opacity:1;
}

.vjs-overlay a:hover span.icon.video,
.vjs-overlay.hover a span.icon.video {
	background-position:0 -50px;
}
.vjs-overlay a:hover span.icon.texts,
.vjs-overlay.hover a span.icon.texts {
	background-position:-50px -50px;
}
.vjs-overlay a:hover span.icon.audio,
.vjs-overlay.hover a span.icon.audio {
	background-position:-100px -50px;
}
.vjs-overlay a:hover span.icon.photo,
.vjs-overlay.hover a span.icon.photo {
	background-position:-150px -50px;
}

.vjs-overlay a span.text {
	position:absolute;
	display:block;
	opacity:0;
	font-family: 'Intro_Bold';
	top:10px;
	left:60px;
	left:50px;
	color:#FFFFFF;
	font-size:13px;
	line-height:15px;
	text-align:left;
	width:auto;
	height:30px;
	min-width:150px;
	max-width:350px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}

.vjs-overlay a:hover span.text {
	display:block;
	opacity:1;
}

/* overlay alignment styles */
.vjs-overlay.vjs-overlay-top {
	left:0;
	width:100%;
}
.vjs-overlay.vjs-overlay-top-right {
  left: auto;
  right: 0;
}
.vjs-overlay.vjs-overlay-left {
  height:100%;
}
.vjs-overlay.vjs-overlay-right {
  left: auto;
  right: 0;
  height:100%;
}
.vjs-overlay.vjs-overlay-bottom {
  left: 0;
  top: auto;
  bottom: 0;
  width:100%;
}
.vjs-overlay.vjs-overlay-bottom-left {
  bottom: 0;
  top: auto;
  left: 0;
}
.vjs-overlay.vjs-overlay-bottom-right {
  bottom: 0;
  top: auto;
  left: auto;
  right: 0;
}