@charset "utf-8";
/* CSS Document */
.slidercontainer{
	height: 418px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 0;
    transition: all 1.4s ease-in-out 0.3s;
    width: 930px;
	padding: 1px;
	z-index: 10;
}



.slidertext{
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 15px;
	font-size: 36px;
	line-height: 48px;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.withcontent .slidertext{
	font-size: 30px;
	line-height: 36px;
}
.slidercontent{
	position: absolute;
	right: 1px;
	top: 1px;
	height: 400px;
	width: 300px;
	padding: 9px;
	background:#efefef;
	text-align: center;
}
.slidertext a:hover, .slidertext a:focus{
	text-decoration: none;
}
.slidertext.right_bottom{
	right: 20px;
	bottom: 60px;
}
.slidertext.right_top{
	right: 20px;
	top: 20px;
}
.slidertext.left_top{
	left: 20px;
	top: 20px;
}
.withcontent .slidertext.right_bottom{
	right: 338px;
	bottom: 60px;
}
.withcontent .slidertext.right_top{
	right: 338px;
	top: 20px;
}

.slideritem {
    height: 418px;
    left: 0;
    margin: 0 auto;
    position: absolute;
   
    top: 0;
    width: 931px;
	z-index: 11;
	padding: 1px;
}

.slide-current {
	display:inline;
	z-index:90
}
.slideritem  {
	left:931px;
}
.slide-current {
	left:0;
}

.dots{
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: block;
	height: 15px;
	width: auto;
	z-index: 99;
}
.dots span{
	display:block;
	float: left;
	background: #fff;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.dots span.dots-current em{
	display:block;
	background: #fe0000;
	width: 9px;
	height: 9px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 3px 0px 0px 3px;
}

.slide-current {
	left:0;
	opacity:1;
}
.slide-fromright {
	-webkit-animation:fromRightAnim 0.6s ease-in 0.6s both;
	-moz-animation:fromRightAnim 0.6s ease-in 0.6s both;
	-o-animation:fromRightAnim 0.6s ease-in 0.6s both;
	-ms-animation:fromRightAnim 0.6s ease-in 0.6s both;
	animation:fromRightAnim 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromRightAnim {
	0% {
		left:100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}
}
@-moz-keyframes fromRightAnim {
	0% {
		left:100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}
}
@-o-keyframes fromRightAnim {
	0% {
		left:100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}

}
@-ms-keyframes fromRightAnim {
	0% {
		left:100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}

}
@keyframes fromRightAnim {
	0% {
		left:100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}
}
.slide-fromleft  {
	-webkit-animation:fromLeftAnim 0.6s ease-in 0.6s both;
	-moz-animation:fromLeftAnim 0.6s ease-in 0.6s both;
	-o-animation:fromLeftAnim 0.6s ease-in 0.6s both;
	-ms-animation:fromLeftAnim 0.6s ease-in 0.6s both;
	animation:fromLeftAnim 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim {
	0% {
		left:-100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}
}
@-moz-keyframes fromLeftAnim {
	0% {
		left:-100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}
}
@-o-keyframes fromLeftAnim {
	0% {
		left:-100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}
}
@-ms-keyframes fromLeftAnim {
	0% {
		left:-100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}
}
@keyframes fromLeftAnim {
	0% {
		left:-100%;
		opacity:0;
	}
	100% {
		left:0;
		opacity:1;
	}
}
.slide-toright  {
	-webkit-animation:toRightAnim 0.6s ease-in 0.6s both;
	-moz-animation:toRightAnim 0.6s ease-in 0.6s both;
	-o-animation:toRightAnim 0.6s ease-in 0.6s both;
	-ms-animation:toRightAnim 0.6s ease-in 0.6s both;
	animation:toRightAnim 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toRightAnim {
	0% {
		left:0;
		opacity:1;
	}
	
	
	100% {
		left:100%;
		opacity:0;
	}

}
@-moz-keyframes toRightAnim {
	0% {
		left:0;
		opacity:1;
	}
	
	
	100% {
		left:100%;
		opacity:0;
	}

}
@-o-keyframes toRightAnim {
	0% {
		left:0;
		opacity:1;
	}
	
	
	100% {
		left:100%;
		opacity:0;
	}

}
@-ms-keyframes toRightAnim {
	0% {
		left:0;
		opacity:1;
	}
	
	
	100% {
		left:100%;
		opacity:0;
	}

}
@keyframes toRightAnim {
	0% {
		left:0;
		opacity:1;
	}
	
	
	100% {
		left:100%;
		opacity:0;
	}
}
.slide-toleft  {
	-webkit-animation:toLeftAnim 0.6s ease-in 0.6s both;
	-moz-animation:toLeftAnim 0.6s ease-in 0.6s both;
	-o-animation:toLeftAnim 0.6s ease-in 0.6s both;
	-ms-animation:toLeftAnim 0.6s ease-in 0.6s both;
	animation:toLeftAnim 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim {
	0% {
		left:0;
		opacity:1;
	}
	
	
	100% {
		left:-100%;
		opacity:0;
	}
}
@-moz-keyframes toLeftAnim {
	0% {
		left:0;
		opacity:1;
	}

	
	100% {
		left:-100%;
		opacity:0;
	}
}
@-o-keyframes toLeftAnim {
	0% {
		left:0;
		opacity:1;
	}
	
	100% {
		left:-100%;
		opacity:0;
	}
}
@-ms-keyframes toLeftAnim {
	0% {
		left:0;
		opacity:1;
	}
	100% {
		left:-100%;
		opacity:0;
	}
}
@keyframes toLeftAnim {
	0% {
		left:0;
		opacity:1;
	}
	
	
	100% {
		left:-100%;
		opacity:0;
	}
}