#content>div article#photos {
    position: relative;
    border: none;
}

#content>div article>div {
    width: 580px;
    height: 375px;

    margin: auto;

    background-color: #91e80e;
}
#controls {
    padding-left: 10px;

    position: absolute;
    bottom: 35px;
}
#indication {
    height: 25px;

    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;

    text-align: center;
    align-content: center;

    opacity: 85%;
    background-color: white;
}

#vhc_box {
    position: relative;
}
#vhc_box > img {
    width: 550px;
    height: 350px;

    margin: auto;
    top: 10px;
    left: 15px;

    position: absolute;

    opacity: 0;
    transition: opacity 1.5s ease;
}
#vhc_box>img.active {
    opacity: 1;
}

.controls {
    cursor: pointer;
}
#controls_minus {
    content: url('../images/controls_minus.png')
}
#controls_minus:hover {
    content: url('../images/controls_minus_h.png')
}
#controls_plus {
    content: url('../images/controls_plus.png')
}
#controls_plus:hover {
    content: url('../images/controls_plus_h.png')
}
#controls_play {
    content: url('../images/controls_play.png')
}
#controls_play:hover {
    content: url('../images/controls_play_h.png')
}
#controls_pause {
    content: url('../images/controls_pause.png')
}
#controls_pause:hover {
    content: url('../images/controls_pause_h.png')
}