/*
# ------------------------------------------------------------------------
# Vina Vertical Scroller for Youtube Joomla 3
# ------------------------------------------------------------------------
# Copyright(C) 2014 www.VinaGecko.com. All Rights Reserved.
# @license http://www.gnu.org/licenseses/gpl-3.0.html GNU/GPL
# Author: VinaGecko.com
# Websites: http://vinagecko.com
# Forum: http://vinagecko.com/forum/
# ------------------------------------------------------------------------
*/

.vina-vscroller-youtube .header-block {
	position: relative;
}
.vina-vscroller-youtube  .vina-items,
.vina-vscroller-youtube  .vina-item {
	max-width: 100%;
}
.vina-vscroller-youtube .header-block h3 {
	padding: 0;
	margin: 0;
	line-height: 23px;
}
.vina-vscroller-youtube .header-block .min-height {
	min-height: 24px;
}
.vina-vscroller-youtube .header-block span {
	height: 24px;
	cursor: pointer;
}
.vina-vscroller-youtube .header-block span.up {
	background: url("../images/left-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-indent: 10000px;
    overflow: hidden;
    position: absolute;
    width: 16px;
	right: 60px;
}
.vina-vscroller-youtube .header-block span.down {
	background: url("../images/right-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-indent: 10000px;
    overflow: hidden;
    position: absolute;
    width: 16px;
	right: 0px;
}
.vina-vscroller-youtube .header-block span.toggle {
	background: url("../images/play-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-indent: 10000px;
    overflow: hidden;
    position: absolute;
    width: 20px;
	right: 28px;
}
.vina-vscroller-youtube .header-block span.toggle.et-run {
	background: url("../images/pause-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.vina-vscroller-youtube .image {
	position: relative;
}
.vina-vscroller-youtube .play {
	background: url("../images/play.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	display: none;
}
.vina-vscroller-youtube .image:hover img {
	opacity: 0.5;
}
.vina-vscroller-youtube .image:hover .play {
	display: block;
}
.vina-vscroller-youtube .length {
	background-color: #000;
    bottom: 0;
    color: #fff;
    opacity: 0.75;
    padding: 0 4px;
    position: absolute;
    right: 0;
	font-weight: bold;
	margin: 5px;
}
.vina-vscroller-youtube .text-block h4 {
	margin: 0px;
	line-height: 20px;
}
.vina-vscroller-youtube .text-block span {
	display: block;
	line-height: 20px;
	font-style: italic;
}