#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;
}


.video-play-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAByCAMAAAC1HQUIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATtQTFRFAAAALi4uMTExMzMzNDQ0NjY2Nzc3Ojo6RkZGSEhIS0tLTExMTU1NTk5OT09PUFBQXFxcXV1dX19fYmJiY2NjZGRkZWVlZmZmZ2dnampqcHBwdHR0dnZ2d3d3eHh4eXl5enp6e3t7fHx8goKChYWFiIiIiYmJioqKi4uLjIyMjY2Njo6Oj4+PkJCQkpKSlJSUnZ2dnp6eo6OjpKSkpaWlpqamp6enqKioqampqqqqq6urrKysra2tsLCwtbW1tra2t7e3uLi4ubm5urq6wMDAwcHBw8PDxMTExcXFxsbGy8vLzMzMzc3Nz8/P0NDQ0dHR0tLS09PT1NTU1tbW2NjY2dnZ2tra29vb3d3d3t7e39/f4uLi4+Pj5eXl5ubm5+fn7Ozs7e3t7u7u7+/v9fX19vb29/f3////////tOWB7wAAAGh0Uk5TAAYKDAwOEBIeICQkJiYoKDQ2ODo8PD4+QEJITE5QUFJSVFRaXmBiYmRkZmZoaGpsdnZ8fH5+gYGBg4OFhYmNj4+RkZOZmZudnZ+jpaWnqamrq62vsbGzs7W3t7u7vb+/xcXHx83Pz9eIaCimAAAFF0lEQVRo3u1a60MbRRBf5YoPclDlAlUrDWgTCfWFtCUPFYiWxgcRqiFHm0SOXIb//y8wDcnebm5fs7fBL8zH3O7+MrMzs/Mi5I7u6Pbp3oN64+IigjFFFxeN+oN7cwVcrv8Vw3WKID6tL88HcbMpAkyAmwXXiCtKxAnuoLniEHKnr0Wc4PZ2XEFGhpBj2MgFbAEDeQO7ldVAOkjIMWxnMQtmXQYJE5J9rtuz2QUBWvekUlwNblYEq8X9VleADX1Lj7ETp6/r4KHw3g/SFx8/scFszJwDVwdL8tW5FC408Jjn/BnQfqjb8Wh2SweL2eMOgOMFk03eMb+rj/N6nApBOzDdGHDcQg/xDizHnCsvYv5vkXPSsbk37rKYf2BvpsWi9mzuc/AYr4OlmJWw2Z4QGMNcsrG2HGM+ZjrM2Ce8sXVmjCKa2OsTZvlLe6/9kjlG65sWYyeYHGqs88N9R5gcqkaZanQlvM76/CdGAFWlcJN/F2UPOqJEaioBh8k9fJgddCnRj1C+aisRyGPigIrJeZt6ecCJm0DyBLS3tU2XDFxFzAPKRlnL6FcixbaIBEhJx2rCaFtsTYPv8ahtDavUL0BeCPr2yVjHggag9BAr9POxcHt1/H9aHtYxUVZEUURTY8lVE+8iCJ4pL03B11h5o4Ts24Uvya3Ggpx3+o9gQw06WvHPxwjQDXpwQS5dmRnvs4HTr++ao17J5Uule2gAOpLVU2PQA6l8qe5CTrL3+UzWcPmpacREj15JW6HGST5LpVOv3kc+cbWZD6fTD0fGoCPYX3DyPZNcqUx3CXkqLOR8i9HfWBIyAMGAjtb/+5EeFcRuZ216SBcJ+vZqteZD05R1sR61pDt/kBc2ftJlN2JNakx/lnvWPVWNTu0Zq9OF/JPcmf5cku7cVVZxXqtS2KI4PqOgeQvx3sC25GFmMF3UEdov5O04VReP6EseiZWa2HI6rr98rbMZ96Cj7eEnbkF3zeqCv79366Aw/ObWOYUfb/1O4WwRpUgGJqMDhWgdaTI0R1yzFC/E38mFlBc7h1DvBpWcws/KjEbsBo+yOfy/1fXKitjhGzxtUlC4/MzuaTN4xPdkLaA9fclD/Ih71uGKSWxGD/ecBGavPsgQmFmFoHD5BS4EPUUH289T/YhdbDIzG2z76LTit3fQaUUOnUBVOMg39/EJ1ACfKlZYn/elTbWuqUiKH2mT4meYTFyVFCfyDdXBK7QXMJhJoBlbFzogClCQidsRFjqo/l6Lq8u18WWi61dJScdXekjxSz7iFI7QFTNN8YqU6fdzISiEOXyZrqOrSKoLkuXNTBVfmSUmrA5dlV6H2tKr+yJz0na7kq4pOC6nJ9VekWNINw6GDhoHuaFJ44AszKtFoizYMs2gblbMrmEziGt7HWfDZNpeut64xzT4XjjCjLXV8G1wwiszBwDb+uVs07ab/T4NhyyYwRy4tLIcfHua+5vXw6KFTxjiG/EzIwd/2vs+zMgB8bnhChyzxSGLOfDNd/r8GMn5qvGbHXIb+76t+iEGZpr8rh72ZmbnfM4/18aaM/NoEOJ1MDUEFSmHoI5cDEGNAgnBuNehMJPcOBSMe5Xt3IonHGzrtSqlYBIv5oNSVTLY5ll70KrtCF8ty1vh2Q0reiQbbeHHMgsOwqsybgC1TNxQ2XjUtu8KcuwXTYaK46ZPHNOWbnx6k8yF/NqZeFD8rOaTeZK3Xmt0OpOR+KswbFTXPHJHd/T/0H9AuLzNy7uGfAAAAABJRU5ErkJggg==');
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-box-shadow: inset 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
}

.video-poster-container {
 /*
-webkit-transition: -webkit-filter,opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
transition: opacity .5s ease-out;
*/
    -webkit-transition-property: opacity, top;
    -moz-transition-property: opacity, top;
    -o-transition-property: opacity, top;
    transition-property: opacity, top;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}


.video-poster-container.hide-overlay {
    -webkit-filter: blur(10px);
    opacity: 0;
    top: -100%;
}


.video-poster-image {
    width: 100%;
    height: 100%;
}

.snag-player-container {
	overflow:hidden;
	position:relative;
}