/* DIAPORAMA  -------------------------------------------------------------------------------------------------------------------*/	
	.maskDiapo	{ position: absolute; width: 455px; height: 600px; overflow:hidden; }		
	#diaporama	{ width: 455px; height: 624px; }
	#diaporama img {  }
	
	#diaporama #controle { position: absolute; width: 455px; height: 624px; }
	#diaporama #controle #prev1 { position: absolute; bottom: 0; left: 0; overflow: hidden; }
	#diaporama #controle #playback3 { position: absolute; bottom: 0; left: 243px; overflow: hidden; }
	#diaporama #controle #play1 { position: absolute; bottom: 0; left: 489px; overflow: hidden; }
	#diaporama #controle #pause1 { position: absolute; bottom: 0; left: 702px; overflow: hidden; }
	#diaporama #controle #next1 { position: absolute; bottom: 0; right: 0;  overflow: hidden; }
	#diaporama #controle img { border: none; }


/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}


/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}