#ADvideo {
    width: 732px;
    height: 400px;
    max-width: 100%;
    position: relative;
}

#ADvideo #vid {
    background: #000;
    width: 100%;
    height: 100%;
}

#ADvideo #nav {
    width: 100%;
    height: 5px;
    background: rgba(188,188,188,0.88);
    position: absolute;
    bottom: 0px;
    transition: all 444ms ease-in-out;
}

#ADvideo #nav #actions {

}

#ADvideo #nav #progress #played {
    height: 100%;
    width: 0px;
    background: #ff9900;
    position: absolute;
    top: 0px;
}

#ADvideo #nav #progress #buffer{
    height: 100%;
    width: 0px;
    background: #000;
    position: absolute;
    top: 0px;
}

#ADvideo #nav #progress #playedBol{
    height: 100%;
    width: 10px;
    background: #fff;
    position: absolute;
    margin-left: -5px;
    border-radius: 0px;
    transition: width 444ms ease-in-out, margin 444ms ease-in-out, border-radius 444ms ease-in-out;
    top: 0px;
}
#ADvideo:hover #nav #progress #playedBol{
    border-radius: 20px;
    width: 30px;
    margin-left: -15px;
}

#ADvideo:hover #nav {
    height: 30px;
}

#ADvideo.small {
    width: 100%;
    height: 100%;
    position: relative;
}

#ADvideo.small #vid {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #000;
    width: 100%;
    height: 100%;
}