﻿.my-video-dimensions {
    width: 100%;
}

.videocover,.videocovervisible {
    /*float: left;*/
    margin-right: 15px;
    margin-bottom: 15px;
    visibility:visible;

}

.videocoverhidden {
    /*float: left;*/
     visibility:collapse;
     display: none;
     height:0px;
     width:0px;
}
.videocover > td,.videocovervisible > td{
    padding:5px;
}
.videocoverduration{
    min-width: 80px;
    text-align: right;
}

.videoimgcontainer {
    cursor: pointer;
    width: 160px;
    height: 90px;
    overflow: hidden;
}

.coverimage {
    width: 100%;
}
#endpreviewdiv, #endpreviewdivforfreevideos {
    display: none;
}
    #endpreviewdiv > img, #endpreviewdivforfreevideos > img{
        width: 100%;
    }
.covertitle {
    padding: 7px;
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    background-color: #eee;
    text-overflow: ellipsis;
}
.packitem{
    writing-mode: vertical-rl;
    text-orientation: sideways;
    position:relative;
    top:0px;
    left:-27px;
    height: 0px;
}
.packitem > span {
    background-color:#ccc;
    padding:8px;
    font-weight: bold;
    color:white;
    text-transform: uppercase;
}
.margin0 {
    margin: 0px;
}


.video-js .vjs-big-play-button {
    left: 45% !important;
    top: 40% !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 100px;
    border-color: transparent transparent transparent #f0ad4e;
    background-color: transparent !important;
}

    .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
        content: ' ' !important;
    }

    .video-js:hover .vjs-big-play-button,
    .video-js .vjs-big-play-button:focus {
        outline: 0;
        border-color: transparent transparent transparent #f0ad4e;
        background-color: transparent !important;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.video-js .vjs-play-control:before {
    top: 20% !important;
    content: ' ' !important;
    font-size: 48px;
}