.slider{
	margin:0 auto;
	position: relative;
	max-width: 820px;
	max-height: 480px;
	margin-top:60px;
	margin-bottom:60px;
}
.slider>iframe{
	box-shadow: 0 29.5px 38px #e0e0e0;

	position: absolute;
	left:50%;
	top:50%;

	width:40%;
	height: 100%;
	transition: transform .5s;
	transform: translate(-50%,-50%)scale(1);

	z-index: 0;
}
.slider>iframe.left , .slider>iframe.center , .slider>iframe.right{
	display:inline-block;
	opacity: 1;
}
.slider>iframe.left{
	transform: translate(-118.25%,-50%);
	z-index: 1;
}
.slider>iframe.center{
	z-index: 2;
	transform:translate(-50%,-50%) scale(1.1);
}
.slider>iframe.right{
	transform: translate(18.25%,-50%);
	z-index: 1;
}
.slider>.navContainer{
	width:10%;
	height: 10%;
	position: relative;
	display:inline-block;
	z-index: 500;
	top: 108%;
    left: 40%;
}
.slider>.navContainer>.leftClass,.slider>.navContainer>.rightClass{
	height: 100%;
	width:28px;
	background: url(img/slider-arrow.png) no-repeat center;
	background-position-x:0;
	position: absolute;
	opcity:0.6;
	bottom:0;
}
.slider>.navContainer>.rightClass{
	right: 0;
	background-position-x:-30px;

}
.slider>.navContainer>.leftClass{
	left:0;
}