@charset "utf-8";
/* CSS Document */
#carouseldiv {
	width:1145px;

	margin:0px auto;
	padding:0px 0 0 0;
	overflow:hidden;
}
#carouseldiv2 {
	width:1145px;

	margin:0px auto;
	padding:0px 0 0 0;
	overflow:hidden;
}
#carouseldiv3 {
	width:1145px;

	margin:0px auto;
	padding:0px 0 0 0;
	overflow:hidden;
}
#carouseldiv4 {
	width:690px;

	margin:0px auto;
	padding:0px 0 0 0;
	overflow:hidden;
}


.carouseldiv {
	width:1130px;

	margin:0px auto;

	overflow:hidden;
}
.go {
	background: url(../images/right_arrow.jpg) no-repeat;
	cursor: pointer;
	float: right;
	height: 26px;
	position: relative;
	right: -15px;
	top: -221px;
	width: 26px;
	z-index: 9999999;
}
.back {
	background: url(../images/left_arrow.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	cursor: pointer;
	float: right;
	height: 26px;
	left: 10px;
	position: relative;
	top: -221px;
	width: 26px;
}



.go2 {
	background: url(../images/right_arrow.jpg) no-repeat;
	cursor: pointer;
	float: right;
	height: 26px;
	position: relative;
	right: 0px;
	top: -221px;
	width: 26px;
	z-index: 9999999;
}
.back2 {
	background: url(../images/left_arrow.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	cursor: pointer;
	float: right;
	height: 26px;
	left: -5px;
	position: relative;
	top: -221px;
	width: 26px;
}

.go3 {
	background: url(../images/right_arrow.jpg) no-repeat;
	cursor: pointer;
	float: right;
	height: 26px;
	position: relative;
	right: 0px;
	top: -221px;
	width: 26px;
	z-index: 9999999;
}
.back3 {
	background: url(../images/left_arrow.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	cursor: pointer;
	float: right;
	height: 26px;
	left: -5px;
	position: relative;
	top: -221px;
	width: 26px;
}
.go4 {
	background: url(../images/right_arrow_green.jpg) no-repeat;
	cursor: pointer;
	float: right;
	height: 26px;
	position: relative;
	right:-13px;
	top: -52px;
	width: 26px;
	z-index: 9999999;
}
.back4 {
	background: url(../images/left_arrow_green.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	cursor: pointer;
	float:left;
	height: 26px;
	left: 2px;
	position: relative;
	top: -52px;
	width: 26px;
}

.align {top: -220px;
left: 1px;

}
.align2{top: -220px;
left: -3px;

}


ul.stepcarousel {
	margin:0px;
	padding:0px;

	overflow:hidden;
}
ul.stepcarousel li {
	background:#fff;

list-style-type:none;
	float:left;

	text-align:center;

	margin:0 2px 0 0px;
}





ul.stepcarousel li img {

	
}
.recentHeight {
	height:270px !important;
}
.name {
	display:block;
	position:absolute;
	top:4px;
	left:4px;
	width:135px;
	height:68px;
	z-index:50;
	font-size:12px;
	text-align:center;
	color:#fff;
	opacity: 0.0;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	background:#000;
}
.name a {
	display:block;
	width:135px;
	height:46px;
	color:#FFF;

}
*.name {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
*.name:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.name:hover {
	opacity: 0.9;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
}
.stepcarousel .panel img {
	width:135px;

	
}

.no_margin_right{margin-right:0px;
}