#box1{
	position:absolute;
}
#box1 .boxslide{
	width:478px;
	float:left;
	position:relative;
}
#mask1{
	position:relative;
	width:478px;
	height:204px;
	overflow:hidden;
}
#box2{
	position:absolute;
}
#box2 .boxslide{
	width:478px;
	float:left;
	position:relative;
}
#mask2{
	position:relative;
	width:478px;
	height:181px;
	overflow:hidden;
}
.boxslide img{
	display:block;
	border:none;
}
.prev {
	float: right;
	height: 24px;
	width: 24px;
	margin-bottom: 2px;
	margin-right: 4px;
}
.next {
	float: right;
	height: 24px;
	width: 24px;
	margin-bottom: 2px;
	margin-right: 8px;
}

a.btnnext {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/btn-next.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.btnnext {background-position: 0 -24px;}
a:active.btnnext {background-position: 0 -48px;}

a.btnprev {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/btn-prev.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.btnprev {background-position: 0 -24px;}
a:active.btnprev {background-position: 0 -48px;}


.boxdetails1 {
	height: 30px;
	position: absolute;
	width: 150px;
	right: 10px;
	top: 170px;
}

.boxdetails2 {
	height: 30px;
	position: absolute;
	width: 150px;
	right: 10px;
	top: 147px;
}