@charset "utf-8";
/* CSS Document */
div.thumbnails{
	width: 100%;
	height: 130px;
	}

ul.thumblist li{
	float: left;
	margin-left: 5px;
	width:auto;
}
.barBtn{
	background-color: #CDD522;
    height: 130px;
    width: 30px;
    display: inline-block;
    cursor: pointer;
   
	}
.barBtn:hover{
	background-color: #DDFF33;
}

.barBtn span{
	margin-top: 50px;
	width:30px;height:29px;display:block;
	}
	
.leftBtn{
	 float: left;
}
.leftBtn span{background-image: url(images/prev.png);}
.rightBtn{
	 float: right;
}
.rightBtn span{background-image: url(images/next.png);}

.thumblistWrapper{
	float: left;
	height: 130px;
	overflow: hidden;
	width: 730px;
	position: relative;
	}
	
.thumblistWrapper a{
	width:100px;
	display:block;	
	line-height: 0;
} 
	
ul.thumblist{
	width: 10000px;
	position: absolute;
}

div#bigFoto{position:relative;margin-bottom:130px;}
div.fotoContainer{position:absolute;left:0;top:0;}

div#bigFoto .next{position:absolute;right:0;top:50%;z-index:1000;}
div#bigFoto .next:hover{cursor:pointer}
div#bigFoto .prev{position:absolute;left:0;top:50%;z-index:1000;}
div#bigFoto .prev:hover{cursor:pointer}

div#bigFoto .play{background-position: 10px 9px;}
div#bigFoto .pause{background-position: 10px -91px;}

div#bigFoto .play,div#bigFoto .pause{
	background-image: url("images/playpause.png");
	background-repeat: no-repeat;
   cursor: pointer;
   right: 5px;
   bottom: 5px;
   width: 29px;
   height: 29px;
   position:absolute;
   z-index:1000;
}

.caption {position:absolute;left:0;bottom:0;width:100%;background-color:#CCCCCC;opacity:0.5;filter:alpha(opacity=50);}
.caption .title{display:block;}