#dj-slideshow1m { margin: 10px auto; border: 0px; padding-bottom: 40px; } #dj-slideshow1m .dj-slideshow-in { margin: 0 auto; width: 700px; max-width: 700px; height: 200px; position: relative; box-shadow: 0 0 5px #666; } #dj-slideshow1m .dj-slides { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 5; } #dj-slideshow1m .dj-slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; } #dj-slideshow1m .dj-slide-in { height: 100%; } #dj-slideshow1m .dj-slide-in > a:hover { background: none; } #dj-slideshow1m .dj-slide img.dj-image, #dj-slideshow1m .dj-slide a:hover img.dj-image { border: 0 !important; max-width: 100%; max-height: 100%; } #dj-slideshow1m .dj-slide-desc { position: absolute; width: 100%; bottom: 0%; left: 0%; } #dj-slideshow1m .dj-slide-desc-in { position: relative; height: 100%; } #dj-slideshow1m .dj-slide-desc-bg { position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity = 50); } #dj-slideshow1m .dj-slide-desc-text { position: relative; color: #ccc; padding: 10px; text-align: left; } #dj-slideshow1m .dj-slide-desc-text p { display: block; padding: 0; } #dj-slideshow1m .dj-slide-desc-text a { color: #f5f5f5; } #dj-slideshow1m .dj-slide-title { font-size: 1.5em; font-weight: bold; line-height: 1.1; color: #f5f5f5; margin-bottom: 5px; } #dj-slideshow1m .dj-slide-title a { background: none; } #dj-slideshow1m .dj-readmore-wrapper { padding: 5px 0; text-align: right; } #dj-slideshow1m a.dj-readmore { font-size: 1.1em; } #dj-slideshow1m .dj-navigation { position: absolute; top: 25%; width: 100%; z-index: 10; } #dj-slideshow1m .dj-navigation-in { position: relative; margin: 0 10px; } #dj-slideshow1m .dj-navigation .dj-prev { cursor: pointer; display: block; position: absolute; left: 0; } #dj-slideshow1m .dj-navigation .dj-next { cursor: pointer; display: block; position: absolute; right: 0; } #dj-slideshow1m .dj-navigation .dj-play, #dj-slideshow1m .dj-navigation .dj-pause { cursor: pointer; display: block; position: absolute; left: 50%; margin-left: -18px; } #dj-slideshow1m .dj-indicators { position: absolute; width: 100%; z-index: 15; bottom: -40px; } #dj-slideshow1m .dj-indicators-in { text-align: center; padding: 0 10px; } #dj-slideshow1m .dj-load-button { width: 16px; height: 16px; display: inline-block; background: #222; border: 2px solid #ccc; text-align: center; margin: 2px; cursor: pointer; border-radius: 4px; opacity: 0.4; filter: alpha(opacity = 40); } #dj-slideshow1m span.dj-load-button-active { opacity: 1; filter: alpha(opacity = 100); } #dj-slideshow1m .dj-load-button .dj-key { display: block; font-size: 10px; line-height: 16px; font-weight: bold; text-align: center; color: #fff; } #dj-slideshow1m .dj-loader { position: absolute; top: 10px; left: 10px; z-index: 20; width: 16px; height: 16px; display: block; background: #222 url(/components/com_djmediatools/layouts/slideshow/images/ajax-loader.gif) left top no-repeat; border: 1px solid #aaa; margin: 2px; border-radius: 8px; -moz-border-radius: 8px; opacity: 0.8; filter: alpha(opacity = 80); }