.hover {
    cursor:hand;
    cursor:pointer;
}

.clear {
    clear:both !important;
}

.xhidden {
    display: none;
}

.button {
    width:100px;
    height:30px;
    line-height:28px;
    margin:10px 0px;
    border-radius:10px;
    text-align:center;
    background:#cde;
    border:1px outset #ace;
}

.thumb_link {
    float:left;
    margin:0px 0px 5px 0px;
}

span.title {
    font-size:200%;
    font-weight:bold;
}

span.display_name {
    font-size:150%;
}

span.duration {
    position: absolute;
    color:#FFFFFF;
    background-color:rgba(0, 0, 0, 0.5);
    padding:5px;
    top:10px;
    left:10px;
    margin:0px;
}

span {
    margin:2px;
}

.video {
    position: relative;
    margin:30px 0px 30px 0px;
}

a img {
    max-width:284px;
    max-height:160px;
}

img.profile {
    max-width:75px;
    max-height:75px;
    float:left;
}

.loader {
    border:16px solid #f3f3f3;
    border-top:16px solid #3498db;
    border-radius:50%;
    width:120px;
    height:120px;
    animation:spin 2s linear infinite;
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 150px;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}