.rotation_block {
	width     : 100%;
	max-width : 940px;
	overflow  : hidden;
	height    : 245px;
	position  : relative;
	/*background    : #1e2220;*/
	margin    : 0 auto 15px;
}

#action_slider {
	width      : 100%;
	background : rgba(0, 0, 0, 0.7);
	padding    : 10px 0;
}

.pict_block {
	width    : 100%;
	height   : 220px;
	position : relative;
	top      : 20px;
	left     : 39px;
}

.pict_block a {
	width    : 901px;
	height   : 168px;
	display  : block;
	position : absolute;
	z-index  : 10;
}

.pict_block a img {
	width  : 901px;
	height : 220px;
}

.buttons {
	width    : 50px;
	height   : 168px;
	position : absolute;
	left     : 15px;
	top      : 35px;
}

.buttons a {
	color           : #959595;
	font-size       : 14px;
	display         : block;
	width           : 24px;
	height          : 24px;
	text-decoration : none;
}

.arrow_rot {
	width      : 13px;
	height     : 15px;
	background : url(../images/arr_rot.png) no-repeat;
	position   : absolute;
	left       : 27px;
	top        : 35px;
}

.pause {
	width      : 18px;
	height     : 18px;
	display    : block;
	position   : absolute;
	left       : 10px;
	top        : 5px;
	background : url(../images/pause.png) no-repeat;
}

@media screen and (max-width : 767px) {
	.pict_block {
		left : 0;
		height: auto;
	;
	}

	.pict_block a{
		width: 100%;
		height: auto;
	}

	.pict_block a img{
		width: 100%;
		height: auto;
	}

	.arrow_rot {
		left      : 0;
		z-index   : 150;
		transform : rotateZ(180deg);
	}

	.rotation_block {
		height: 176px;
	}

	.rotation_block .buttons {
		z-index : 99999;
		left    : 20px;
	}

	.rotation_block .buttons a {
		color: #000000;
		text-align  : center;
		line-height : 24px;
	}

	.rotation_block .buttons a.act_rot {
		background  : rgba(0, 0, 0, 0.7);
		color: #229E35;
	}

	.pause {
		left : 23px;
		top  : 0;
	}
}

@media screen and (max-width : 479px) {
	.rotation_block {
		height: 108px;
	}
}