a {
    color: #0687f5;
}
body {
    color: #333;
}

.video_embed {
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    overflow: hidden;
}

.video_embed a, .linktext {
    text-decoration: none;
    font-weight: bold;
}

.video_embed .video_area {
    background: black;
}

.video_embed iframe.video-inner-iframe {
    background-color: #000;
    width:100%;
    height:100%;
}

.video-play-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAA4UlEQVR42u3ZQQ3CQBSE4XXQdVAcgIPWQXEADsBBcQAOwAESKqESKgEJy9zeoacme4H5JxkBXzJpdreplGJVwIABAwYMGDBgwIABAwYMGHCdTuou1ckPgCM3NXuAI4t6NAFHYuYm4NXMLcCRj3r2AK9nfvABRx5qNgLHzD3A65n3PuDIS80+4Jj51QccmdXeCbyog8ukR5dJv9XW4aO1qJ3LwePicvB4qo3D0XJWO5fr4cnlenhXG5cnnr3LI97g8og3xnz/GzypbaoTfrUABgwYMGDAgAEDBgwYMGDAgLf3Czedqw6rk0DiAAAAAElFTkSuQmCC');
    background-color: rgba(0,0,0,1);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,.25);

    position: absolute;
    width: 68px;
    margin-left: -34px;
    left: 50%;
    height: 62px;
    margin-top: -33px;
    top: 50%;
    opacity: .85;

    cursor: pointer;

    box-shadow: 0 0 6px 4px rgba(0,0,0,.25);
}

/* loading-indicator ripped off verbatim from 23video player so the loading indicator we show before
    their player looks identical to the one they show */
.video-loading-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-image: url('data:image/gif;base64,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');
    background-repeat: no-repeat;
}

.video-loading-indicator.hidden {
    display: none;
}

.buy_link, .download_link {
    display: none;
}

.video_embed.buyable .buy_link {
    display: inline;
}

.video_embed.downloadable .download_link {
    display: inline;
}

.video_embed .info_area {
    position: absolute;
    bottom: 0;
    height: 119px;
    left: 0;
    right: 0;
    border-color: #d2d2d2;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}
.video_embed.theme_dark .info_area {
    border-color: #292929;
}

.video_embed .video_area {
    position: absolute;
    top: 0;
    bottom: 120px;
    left: 0;
    right: 0;
}

.video_embed .art{
    position: relative;
    margin: 9px;
    width: 100px;
    height: 100px;
}
.video_embed .info {
    position: absolute;
    right: 0;
    top: 0;
    left: 120px;
    bottom: 0;
    vertical-align: top;
    margin: 1em 0;
    padding: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1em;
}
.video_embed .info > span {
    margin: 10px 0;
}
.video_embed .link_area {
    margin-top: 1.7em;
}
.video_embed .artist_info {
    display: block;
}
.video_embed .track_title, .video_embed .album_title {
    font-weight: bold;
}
.video_embed .link_area a {
    margin-right: 2em;
}

.video_embed .logo {
    display: block;
    position: absolute;
    color: #000;
    bottom: 0;
    right: 0;
    width: 30px;
    font-size: 14px;
    font-weight: bold;
    line-height: 2em;
    margin: 2em;
}
@media (max-width: 360px) {
    .video_embed .logo {
        display: none;
    }
}

.video_embed .logo .icon {
    display: inline-block;
    opacity: 0.4;
    width: 30px;
    height: 10px;
    position: relative;
    vertical-align: top;
    background: url(../../../img/_sprite-bc-embeds-20130528.png) no-repeat 0 0px;
}
.video_embed.theme_dark .logo .icon {
    background-position: 0 -10px;
}
body.video_embed.theme_dark {
    color: #999;
}

.video_embed video, .video_embed .wrapped-video-blackout {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
}
.video_embed .wrapped-video-poster {
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 100%;  /* prevent outline from extending below bottom of video if image not loaded */
    top: 50%;
    margin-top: -28.125%; /* center 16:9 poster vertically */
}
.video_embed .wrapped-video-blackout {
    background: black;
}

.state-init .wrapped-video-poster,
.state-init .wrapped-video-blackout,
.state-init .wrapped-video-play,
.state-init .wrapped-video-loading {
    display: none;
}
.state-ready .wrapped-video-loading {
    display: none;
}
.state-playing .wrapped-video-poster,
.state-playing .wrapped-video-blackout,
.state-playing .wrapped-video-play,
.state-playing .wrapped-video-loading {
    display: none;
}
.state-loading .wrapped-video-play,
.state-loading .wrapped-video-poster {
    display: none;
}
.state-ended .wrapped-video-poster,
.state-ended .wrapped-video-blackout,
.state-ended .wrapped-video-play,
.state-ended .wrapped-video-loading {
    display: none;
}
.state-error .wrapped-video-poster,
.state-error .wrapped-video-blackout,
.state-error .wrapped-video-play,
.state-error .wrapped-video-loading {
    display: none;
}