/* Sample 8*/


/*.............................slider.............................*/

.slider
{
width:480px;
height:600px;
border:1px #CCCCCC solid;
margin-top:40px;
margin-bottom:20px;
}

.slider-text
{
margin-left:4px;
}

/*.............................slider.............................*/


#box8{
	position:absolute;
	height: 300px;
	left: 3px;
	top: 12px;
	width:480px;
}
#box8 div{
	width:480px;
	height:140px!important;
/*    margin-top:0px!important;*/
	float:left;
}

#box8 .buttons{
	text-align:left
}



#box8 .next{
	float:right;
}



.mask1{
	position:relative;
	width:480px;
	height:270px;
	overflow:hidden;
	margin-top:10px;
}

.mask2{
	position:relative;
	width:480px;
	height:285px;
	overflow:hidden;
	margin-left:3px;
	margin-right:3px;
	
	}

.buttons{ margin-top:30px;}
.buttons span{color:#0080FF;cursor:pointer;font:10px arial}
.buttons span.active, .buttons span:hover{background:none;color:#fff}

/*-----------------------------slider service-------------------------
-----------------------*/



#box9{
	position:absolute;
	height: 150px;
	left: 0px;
	top: 0px;
	width: 480px;
}
#box9 div{
	width:480px;
	height:140px!important;
/*    margin-top:0px!important;*/
	float:left;
}

#box9 .buttons1{
	text-align:left;
	

}



#box9 .next{
	float:right;
}



.mask3{
	position:relative;
	width:480px;
	height:120px;
	overflow:hidden;
	margin-top:10px;
}


.buttons1{ margin-top:8px;}
.buttons1 span{color:#0080FF;cursor:pointer;font:10px arial}
.buttons1 span.active, .buttons span:hover{background:none;color:#fff}