html, body, video, div, span, a
{
    margin  : 0;
    padding : 0;
    border  : 0;
}

body
{
    background : #000000;
    width      : 100%;
    height     : 100%;
}

.video
{
    position : absolute;
    z-index  : 1;
    top      : 0;
    left     : 0;
    border   : 2px solid #626262;
}

.alt
{
    position    : absolute;
    z-index     : 1;
    top         : 0;
    left        : 0;
    width       : 100%;
    padding     : 0 20px 0 20px;
    box-sizing  : border-box;
    text-align  : center;
    color       : #626262;
    font-size   : 11px;
    line-height : 16px;
    font-family : Arial, serif;
}

.alt a,
.alt a:visited
{
    color           : inherit;
    text-decoration : underline;
}

.replay
{
    position        : absolute;
    z-index         : 2;
    display         : block;
    width           : 130px;
    height          : 42px;
    text-decoration : none;
    background      : transparent url("../images/replay.png") no-repeat 0 0;
    background-size : 130px auto;
    bottom          : 30%;
    left            : 50%;
    margin          : 0 0 0 -65px;
}

.replay:hover
{
    filter             : grayscale(100%);
    -webkit-filter     : grayscale(100%);
    -moz-filter        : grayscale(100%);
    -ms-filter         : grayscale(100%);
    -o-filter          : grayscale(100%);
    -webkit-transition : all 0.5s ease;
    -moz-transition    : all 0.5s ease;
    -o-transition      : all 0.5s ease;
    -ms-transition     : all 0.5s ease;
    transition         : all 0.5s ease;
}