html #tubular-container{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    z-index: -1;
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
html.video-mode #tubular-container,
html.video-mode ul#video-controll{
    opacity: 1;
}
#background-image,
#top,
ul#video-controll{
    transition: opacity .5s ease-in-out;
}
html.video-mode #background-image,
html.video-mode #background-image img.top.background-image, /* IE */
html.video-mode #top{
    opacity: 0;
}
html.video-mode.video-transition-finished #background-image{
    display: none;
}
html.video-mode #top{
    z-index: -2;
}

html ul#video-controll{
    position: fixed;
    top: 50px;
    right: 50px;
    opacity: 0;
}
html.ie8 ul#video-controll{
    display: none;
}
html.ie8.video-mode ul#video-controll{
    display: block;
}
html.video-mode ul#video-controll{
    transition: opacity .5s ease-in-out;
}
html.video-mode ul#video-controll.hide-controls{
    opacity: 0;
}
html ul#video-controll li{
    margin-bottom: 5px;
    cursor: pointer;
    width: 31px;
    height: 31px;
}
html ul#video-controll li.close{
    background: url('/themes/custom/plugins/fancybox/fancybox.png') -41px 5px repeat-x #FFF;
}
html ul#video-controll li img{
    width: 100%;
    height: 100%;
}
html ul#video-controll li.play,
html ul#video-controll.pause li.pause,
html ul#video-controll li.mute,
html ul#video-controll.mute li.sound{
    display: none;
}
html ul#video-controll.pause li.play,
html ul#video-controll.mute li.mute,
html ul#video-controll li.sound{
    display: block;
}

#tubular-container{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
#tubular-shield{
    position: fixed !important;
}