.carousel  {
   width: 100%;
   max-height: 175px;
   margin: 20px auto;
   overflow: hidden;   
}
.carousel-wrapper {
   margin: 10px 35px 0px 35px;
   position:relative;
   overflow: hidden;   
}
.carousel-items {
   width: 120%; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left;
	padding: 1px;
	width: 118px;
	height: 165px;
	text-align: center;
	border: 1px solid #32CD32;
	border-radius: 4px;
	margin: 0px 0px 30px 10px;
	background: #fff;
	font-size: 11px;
	overflow: hidden;
}
.carousel-block img{
	display:block;
	margin: 5px auto;
	border-radius: 5px;
}

.hit-wrapper {
   height: 160px;
   position:relative;
   overflow: hidden;   
}
.hit-items {
   width: 120%; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
   margin-left: 5px;
}
.hit-block {
	float: left;
	padding: 5px;
	width: 245px;
	height: 160px;
	margin: 0px 0px 30px 10px;
	font-size: 14px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #32CD32;
	border-radius: 5px;
}
.hit-block img{
	display:block;
	margin: 15px;
	border-radius: 5px;
}
.hit-block h5{
	margin: 0;
	text-align: center;
}
.comment  {
	width: 100%;
    max-height: 300px;
    overflow: hidden;
}
.comment-wrapper {
   position:relative;
   overflow: hidden;   
}
.comment-items {
   width: 120%; 
   position: relative;
}
.comment-block {
	float: left;
    padding: 5px;
    width: 130px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    overflow: hidden;
}
.comment-block img{
	display:block;
	border-radius: 5px;
	max-height: 155px;
}
/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
   width: 25px; 
   height: 36px; 
   position: relative;
   top: 80px; 
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(/images/carousel-left.png) no-repeat;
	margin-left: 5px;   
}
.carousel-button-right a{
   float: right;
   background: url(/images/carousel-right.png) no-repeat; 
   margin-right: 5px;
}

.hit-button-left a, .hit-button-right a{
   width: 25px; 
   height: 36px; 
   position: relative;
   top: 80px; 
   cursor: pointer; 
   text-decoration:none;
}
.hit-button-left a{
   float: left; 
   background: url(/images/carousel-left.png) no-repeat;
	margin-left: 5px;   
}
.hit-button-right a{
   float: right;
   background: url(/images/carousel-right.png) no-repeat; 
   margin-right: 5px;
}
.comment-button-left a, .comment-button-right a{
   width: 25px; 
   height: 36px; 
   position: relative;
   top: 100px; 
   cursor: pointer; 
   text-decoration:none;
}
.comment-button-left a{
   float: left; 
   background: url(/images/carousel-left.png) no-repeat;
	margin-left: 5px;   
}
.comment-button-right a{
   float: right;
   background: url(/images/carousel-right.png) no-repeat; 
   margin-right: 5px;
}

/*********** SHADOW ***********/
.shadow{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}