@charset "utf-8";
/* CSS Document */

/* box_hp_01_02 */

.box_hp_01_02 {
	/*background: url(../images/bg_slide.jpg) no-repeat #FFFFFF bottom;*/
	width: 720px;
	height: 300px;
	padding: 0;
	position: absolute;
	top: 112px;
	left: 0;
	z-index: 100;
	}

.box_hp_01_02 img {
	padding: 0px;
	float: left;
	margin: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}

.box_hp_01_02_mezzo {
	background: url(../images/bg_box_hp_mezzo.jpg) top no-repeat;
	padding: 10px 20px;
	height: 100%;
	}

.box_hp_01_02:hover .mask1 p {
	display: none;
	}

.box_hp_01_02 .mask1 p {
	width: 600px;
	color: #CCC;
	font-size: 12px;
	line-height: 135%;
	font-family: Tahoma, Arial;
	padding: 10px 10px 10px 105px;
	position: absolute;
	left: 0;
	top: 200px;
	display: none;
	overflow: hidden;
	height: 40px;
	}

.box_hp_01_02 .mask1 span a {
	background: url(../images/bg_box_hp_02_a2.png);
	width: 72px;
	height: 82px;
	color: #3581F2;
	font-size: 1px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding-left: 10px;
	display: none;
	}

.box_hp_01_02 h3 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 28px;
    font-style: italic;
	color: #FFF;
	font-weight: normal;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 50px 20px 20px;
	height: 34px;
	width: 680px;
	text-shadow: black 2px 2px 10px;
	text-align: right;
	background: url(../images/bg_box_hp_02_h3.png) repeat-x bottom left;
	}

.box_hp_01_02 h3:hover a {
	text-decoration: none;
	}

.box_hp_01_02 a {
	color: #FFFFFF;
	}

.box_hp_01_02 a:hover {
	}

#prev8 {
	position: absolute;
	top: 130px;
	left: 10px;
	cursor: pointer;
	}

#next8 {
	position: absolute;
	top: 130px;
	right: 10px;
	cursor: pointer;
	}
	
/* Sample 8*/
#box8 {
	position:absolute;
}
#box8 div {
	width: 720px;
	height: 300px;
	float:left;
	/*background: url(../images/bg_hp_01_01_box.png) no-repeat center !important;
	background: url(../images/bg_hp_01_01_box.jpg) no-repeat center;*/
	padding: 0;
	position: relative;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
}
.sample8 .buttons{
	text-align:center;
	clear:both;
	padding: 0;
}
.sample8 .mask1{
}

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

.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: 720px;
	height: 300px;
	overflow: hidden;
	}