.slideshow {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.slideshow-top {
    /*
    width: 50%;
    min-width: 638px;
    */
    width: 100%;
    max-width: 700px;
}

.slideshow-image-layer {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;

    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.slideshow-image-dummy {
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

.slideshow-loadingscreen {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.loadingpx {
    display: inline-block;
    width: 1em;
    height: 100%;
    padding: 0px;
    margin: 0px; 
    background-color: #fff;
    animation-name: loadingpxanim;
    animation-iteration-count: infinite;
}

@keyframes loadingpxanim {
    0%   { opacity: 0.0; }
    25%  { opacity: 0.0; }
    50%  { opacity: 1.0; }
    75%  { opacity: 0.0; }
    100% { opacity: 0.0; }
}