.tagui-video-container
{
    display:inline-block;
    position:relative;
    padding:0;
}

.tagui-video-overlay
{
    position:absolute;
    z-index:9;
    top:0;
    right:0;
    bottom:0;
    left:0;
    /* background-color:rgba(255,255,255,.1); */
}

.tagui-video-overlay:before
{
    content: "\f01d";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -49.5%);
    transform: translate(-25%, -30%);
    margin-top:-26px;
    margin-left:-26px;
    font-family:'FontAwesome';
    font-size:90px;
    color:#706290;
    /* color:rgba(255,255,255,.35);
    text-shadow: 0 0 15px rgba(0,0,0,.45); */

    cursor:pointer;
    transition:all .3s;
}

.tagui-video-overlay.tagui-video-hidden:before
{
    transition:none;
    opacity:0;
}

.tagui-video-overlay.tagui-video-hidden:hover:before
{
    content: "\f28c";
    opacity:0.5;
}

.tagui-video-overlay:hover:before
{
    /* color:#FFF; 
    text-shadow: 0 0 0 rgba(0,0,0,.45);*/
    color:#706290;
}

.tagui-video-track
{
    display:none;
    
    position:absolute;
    z-index:11;
    bottom:15px;
    left:15px;
    right:35px;
    height:5px;
    box-sizing:border-box;
    background-color:rgba(255,255,255,.25);
    box-shadow:0 0 5px rgba(0,0,0,.15);

    cursor:pointer;
}
.tagui-video-current-position
{
    content:'';
    position:absolute;
    height:100%;
    width:0;
    background-color:#706290;
    /* background-color:#FFF; */
}

.tagui-video-full-screen
{
    display:none;
    
    position:absolute;
    z-index:12;
    bottom:11px;
    right:10px;
    /* color:rgba(255,255,255,.45); */
    color:#706290;
    font-size:1.3em !important;

    cursor:pointer;
    transition:all .3s;
}

.tagui-video-full-screen:hover
{
    color:#FFF;
}