/* youtube player */
.movie {
padding: 0;
position: relative;
width: 100%;
}

.text.large figure.movie {
margin-bottom: 0;
}

.text.large figure.movie > .box {
margin-top: 2em;
}

.movie .player {
position: relative;
cursor: pointer;
overflow: hidden;
width: 100%;
}

.movie img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 1;
}

.movie .player:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
float: left;
z-index: 2;
width: 64px;
height: 64px;
border-radius: 50%;
margin: -31px  0 0 -31px;
background-color: rgba(0,0,0,0.5);
}

.movie .player:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
float: left;
z-index: 3;
width: 0;
height: 0;
border: 14px solid rgba(255,255,255,0);
border-left: 24px solid rgba(255,255,255,1);
margin: -13px  0 0 -8px;
}

.movie .player.active:before,
.movie .player.active:after {
display: none;
}

.movie .player-frame {
position: relative;
float: left;
}

.movie figcaption {
position: absolute;
bottom: 0;
left: 0;
width: auto;
max-width: 100%;
float: left;
padding: 0.5em 1em;
background-color: rgba(255,255,255,0.5);
z-index: 10;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.movie figcaption:hover {
white-space: normal;
}

.movie .active figcaption {
display: none;
}