/**
 * @package Easy Vimeo Videos
 * @version 1.0
 * @author JoomBoost
 * @website	https://www.joomboost.com
 * @copyright Copyright � 2012 - 2018 JoomBoost
 * @license GNU/GPL http://www.gnu.org/copyleft/gpl.html
 **/

@charset "utf-8";

.media-duration {
	position:absolute;
	right:2px;
	top:2px;
	color:#fff;
	font-size:10px;
	padding:1px 2px;
        background-color:rgba(0, 0, 0, 0.6);
        border-radius:3px 3px 3px 3px;
        box-shadow:0 0 1px #DDDDDD; 
        z-index:100;
        line-height:120%;        
}
.media-item a {
        line-height:0px; /* Override to keep duration location correct */
}
.media-item {
        overflow:hidden;
	position:relative;
}
.media-item img.media-thumb {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        width:100%;
        z-index:2;
	margin:0;
	padding:0;        
}
.media-aspect {
        padding-top:56%; /* You can modify the thumbnail aspect ratio here */
        background:#000;
        z-index:1;
}


span.media-link-span {
    background:transparent url(../images/overlay-sprite.png) no-repeat scroll 0pt 0pt!important;
    cursor:pointer;
    color:#000000;
    display:block;
    height:39px;
    position:absolute;
    width:56px;
    opacity:0.8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:2;
}

span.media-link-span:hover {
    background:transparent url(../images/overlay-sprite.png) no-repeat scroll 0pt -70px!important;
}