.filmstrip { position: relative; margin-bottom: 18px; line-height: 1; overflow: hidden; }
.filmstrip-inner { overflow: hidden; width: 100%; height: 350px; position: relative; }
.filmstrip-thumbs { text-align: center; overflow: show; width: 100%; position: relative; white-space: nowrap; font-size: 0; }
.filmstrip .thumb { display: inline-block; height: 80px; margin: 8px 2px 0 2px; }
.filmstrip .thumb img { border: 0; }
.filmstrip .selector { position: relative; margin: 0; border: 2px solid black; border-radius: 2px; margin-left: 0; margin-right: 0; }
.filmstrip .thumb img { height: 100%; width: auto; }
.filmstrip .item { display: none; position: absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: 350px; height: 350px; }
.filmstrip .item img { vertical-align: middle !important; max-width: 100%; max-height: 100%; }
.filmstrip .active { display: block; }
.filmstrip .next, .filmstrip .prev { position: absolute; top: 0; width: 100%; }
.filmstrip-control { display: none; position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -48px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); z-index: 2; text-decoration: none; }
.filmstrip-control.right { left: auto; right: 15px; }
.filmstrip-control:hover { color: #ffffff; opacity: 0.9; filter: alpha(opacity=90); }
.filmstrip-caption { position: absolute; left: 0; right: 0; top: 0; padding: 5px; background: #333333; background: rgba(0, 0, 0, 0.5); }
.filmstrip-caption h4, .filmstrip-caption p { color: #ffffff; margin: 0; }
.filmstrip-caption h4 { margin-bottom: 4px; }
.filmstrip .pointer { position: absolute; top: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid black; z-index: 2; }