#video-player-container {
    position: relative;
    overflow: hidden;
}

.videoShare {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(62,107,173,.5)),to(rgba(62,107,173,.5)));
    position: absolute;
    height: 30px;
    width: 662px;
    padding: 3px;
    -webkit-transition: all 1.0s ease-out;
}

.videoShare.hide {
    top: -30px;
}

.videoShare.show {
    top: 0;
}

.videoError {
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37,#0f0f0f),color-stop(0.66,#262326),color-stop(0.94,#3d3b3d));
    color: #eee;
    padding-top: 15%;
    width: 100%;
    height: 100%;
    font: 16px Arial;
    text-align: center;
}

.videoError a {
    color: #69C;
}

.video-postRoll {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: top 1.0s ease-out;
    z-index: 500;
}

.video-postRoll.hide {
    top: -662px;
    opacity: 0;
}

.video-postRoll.show {
    top: 0;
    opacity: 1;
}

.postRollNav {
    height: 70px;
    margin: 5% 10px;
    text-align: center;
    background: rgba(0,0,0,.6);
    border-radius: 10px;
}

.relatedClipsWrapper {
    -webkit-box-shadow: inset 0 3px 10px 5px rgba(0,0,0,.5);
    overflow: hidden;
    margin: 30px 10px;
    position: relative;
    background: rgba(0,0,0,.6);
    border-radius: 10px;
    padding: 10px 0;
}

.relatedClipsContainer {
    width: 10000px;
    height: 150px;
    white-space: nowrap;
    left: 0;
    position: relative;
}

.relatedClip {
    width: 160px;
    height: 120px;
    float: left;
    margin: 10px;
    position: relative;
}

.relatedClip a {
    text-decoration: none;
}

.clipInfo {
    white-space: normal;
    font: 16px Arial;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 2px 3px #000;
}

.clipInfo p {
    text-align: left;
}

.relatedClip img {
    width: 160px;
    height: 90px;
    border: 0;
}

.relatedClipsLabel {
    font: 18px Arial;
    color: #fff;
    height: 16px;
    margin-left: 10px;
    text-align: left;
    text-shadow: 0 2px 3px #000;
}

.videoError .relatedClipsWrapper {
    margin: 30px 10px;
}

.replayIcon {
    cursor: hand;
    width: 200px;
    font: bold 24px Arial;
    color: #999;
    margin: 5px;
    padding-left: 45px;
    height: 43px;
    padding-top: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAADn0lEQVRYhcWZ3ZGbSBSFzwW9WxkMGZiNYNgIrAwsV6mg36yNYGcjWPzWTVG1bASWIzDOQI5gxxngd4mzD2qmZBlBN2g8X9U8DOqfo9bt+4fgBpRlede2bUQyARCTXPaNE5EGwF5E6jRNv0zdT6ZOBABjzFsAKwAJgF6hQ5CsAOyUUp985k0SbcVuAcRT5l9CsgaQu4r3Fm2M+RsnwTeHZCUi2yzLvg+NcxZtjHkFoMaNTneAfRiGq81m8+3aACfRWuvXIlJjgt1OpCGZKKW+9n04KvoFBAMASD6KSNxnKsHQxJcSDAAiEgGorVn+wFXRxphXIlLhBQSfEQOoLh8G1n31UcHz0pF8BJCLSNL3ByAH0PisCWCltX5//kCMMbT285Bl2b8AUBTFvfWdruxJPrj6Wa31G5y+XOS4fgMg6uw7wCmsRgAqrfV/xpi3bdtWPoLDMFz5RDWl1CcRiQHsHKcsSebdP6K1/mx/Om9IVkqpd1PmdhhjPuKUCowShmG02Wy+DXqPEXZzBVvWAPYuA4/H4xYAApt5+dLYzWaTZdl3kq5rrQFr0xP2Gs0PfLCR78Fh6LIoivup5pEbY/7sc/wzcHKHJJOpopc4nczjrcRbMxn1JiSTgOQU8+g4F38tSPng4gKjIAiCKRfxkrwLTHNYLBajBygi0RyXB5KPJOMsy/6as07HUA59TtC27dSTzkUkvpbzPicCAMYYesxpRGQ1p5oewkWLr3nsAETPJbgsyzuXcQvH9RqcAsrsyzbE4XCIRYaLKZJ1d9JXby3JOgzD+LkFA4Br4rYAAJJN3zckuVVKfbittEHWYwNEpL5mHnuS61/pGWxwGi3tnkRfZHp5lmV/PJe4PmwakI8OBJo0Tb882bQtuRIXwUVR3NtO062o4HDKXW7S2fRORPI0TUfTTa31+6700Vov5xQC9oQrOFYusL+GVy9Pa/2PiKzPn7n23y7xbbORrJVSvwOOosc26Kp5ADsX8UVR3LdtW3lU4yD5lDI4tcUA7Bw3aADkYRhWl8lPWZZ3x+MxwbQW8Q/OYVC0dUM5XrbLtM+y7LfzB4O5x8wC4RY0YRj+dEkHRSulvnpUyremIZn05dg+/elfeep7AMm1S+2UmtoTj+HfPJzCoGDAI5+27iaCe//NG/u2a1AwMPHt1oSu5xh7Edm6Fhez3iOWZXl3OBweLqOkKyRrEal8c/VZojvOAkeM04vQa8GjIbkXkbovALnyPyIAwZz+QoYdAAAAAElFTkSuQmCC) no-repeat left;
}

.ad-banner {
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: :#000;
}

body {
    background: #000;
}