/* Sample 6*/
#box6 {
	position: absolute;
	width: 300px;
}

#box6 span {
	display: block;
}

#handles6_1 {
	float: left
}

#handles6_2 {
	float: right
}

.mask6 {
	position: absolute;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	height: 225px;
	overflow: hidden;
}

.sample6 .buttons {
	clear: both;
	text-align: center;
}

/* ********************************** */
.thumbs {
	width: 73px;
}

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

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

.info {
	width: 300px;
	height: 50px;
	background: #000;
	position: absolute;
	margin-top: 175px;
}

.info p,.info h4 {
	color: #fff;
	padding: 3px 6px;
	font-family: Arial;
	margin: 0;
	direction: rtl;
}

.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: 225px;
	overflow: hidden;
}

.mask2 {
	position: relative;
	width: 300px;
	height: 225px;
	overflow: hidden;
}

.mask3 {
	position: relative;
	width: 480px;
	height: 300px;
	overflow: hidden;
}

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