/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

/* 슬라이드 이미지 */
#show{position:relative;float:left;width:100%;height:860px;overflow:hidden;margin-bottom:20px;}
.slideshow{position:relative;width:2000px;height:860px;margin:0 auto;}
.slideshow-images{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
.slideshow-images{height:860px;width:2000px;}
.slideshow-images-visible{opacity:1;}
.slideshow-images-prev{opacity:0;}
.slideshow-images-next{opacity:0;}
.slideshow-images img{float:left;left:0;top:0;}

/* 캡션 */
.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial, sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}
.slideshow-captions-hidden{height:0;opacity:0;}
.slideshow-captions-visible{height:22px;opacity:.7;}

/* 마우스 오버 시 나타나는 컨트롤러 */
.slideshow-controller{background:url(../img/controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}
.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(../img/controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(../img/controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(../img/controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(../img/controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}
.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(../img/controller-prev.gif);left:65px;width:28px;}

/* 썸네일 */
.slideshow-thumbnails{position:absolute;width:100%;height:76px;bottom:100px;left:0;z-index:99999;overflow:hidden;}
.slideshow-thumbnails ul{position:relative;width:670px;height:76px;margin:0 auto;}
.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}
.slideshow-thumbnails a{display:block;float:left;width:80px;height:56px;padding:5px;position:relative; }
.slideshow-thumbnails a:hover{background-color:#FF9 !important;opacity:1 !important;}
.slideshow-thumbnails img{display:block;width:80px;height:56px;}
.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}
.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}