ul.sunslide { list-style-type: none; padding: 0; margin: 0; }
.sunslide li { margin: 0; padding: 0; }
.sunslide img { width: 100%; max-width: 100%; height: auto; margin: 0 auto; }
.sunslide-wrapper { background-color: black; max-width: 100%; overflow: hidden; }
.sunslide-nav { text-decoration: none; color: white; background-color: black; background-color: rgba(0, 0, 0, 0.8); position: absolute; padding: 0 4px; z-index: 5; }
.sunslide-nav.previous { left: 0; top: 50%; margin-top: -1em; line-height: 2em; padding: 0 4px; }
.sunslide-nav.next { right: 0; top: 50%; margin-top: -1em; line-height: 2em; padding: 0 4px; }
.sunslide-nav.play { top: 0; right: 0; padding: 0; line-height: 0; }
.sunslide-caption { position: absolute; bottom: 0; left: 0; text-align: left; background-color: black; background-color: rgba(0, 0, 0, 0.8); color: white; padding: 0.5em; width: 100%; margin: 0; z-index: 4; }
.sunslide-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .5s ease-in-out; }
.sunslide-active-slide { display: block; z-index: 3; opacity: 1; }
.sunslide-next-slide { display: block: z-index: 2; opacity: 0; }
.sunslide-hidden-slide { display: none; z-index: 1; opacity: 0; }
@media screen and (min-width: 35em) {
    .sunslide-caption { padding: 1em; }
    .sunslide-nav { font-size: 2em; }
}