$('.slider-item:first').addClass('active-slider').find('.slider-item-big').fadeIn(800);

var sliderTime = 8000;//скорость слайдера

function showSliderItem() {
clearTimeout(timerId);
var currentBlock = $('.active-slider');
var nextBlock = currentBlock.next('.slider-item').length ? currentBlock.next('.slider-item') : $('.slider-item:first');

currentBlock.find('.slider-item-big').fadeOut(300);
$('.slider-item').removeClass('active-slider');

nextBlock.addClass('active-slider').find('.slider-item-big').fadeIn(800, function () {
timerId = setTimeout(showSliderItem, sliderTime);
};);
return false;
}

function showCurrent() {
clearTimeout(timerId);
$('.slider-item').removeClass('active-slider');
$('.slider-item-big').fadeOut(0);
$(this).parent().addClass('active-slider').find('.slider-item-big').fadeIn(0);

timerId = setTimeout(showSliderItem, sliderTime);
}

timerId = setTimeout(showSliderItem, sliderTime);

$('.slider-item').hover(
function() {
$(this).addClass('slider-item-hover');
}, function() {
$(this).removeClass('slider-item-hover');
};);

$('.slider-item-small').hover(showCurrent);

};);

.slider {
position: relative;
height: 234px;
margin: 0 0 10px 0;
padding: 0 0 0 623px;
overflow: hidden;
}

.slider-item {
float: left;
width: 111px;
height: 111px;
margin: 0 0 10px 13px;
}

.slider-item-small {
overflow: hidden;
width: 111px;
height: 111px;
position: relative;
border: 1px #353535 solid;
cursor: pointer;
}

.slider-item-small img {
min-width: 111px;
height: 111px;
border: 0;
}

.slider-item-small-dark {
width: 100%;
height: 100%;
background: url(../images/slider-item.png);
position: absolute;
left: 0;
top: 0;
cursor: pointer;
}

.slider-item-big {
position: absolute;
left: 0;
top: 0;
width: 623px;
height: 234px;
overflow: hidden;

}

.active-slider .slider-item-big {

}

.active-slider .slider-item-small {
border: 1px #fff solid;
}

.slider-item-hover .slider-item-small {
border: 1px #fff solid !important;
}

.active-slider .slider-item-small-dark, .slider-item-hover .slider-item-small-dark {

}

.slider-item-big img {
position: absolute;
left: 0;
top: 0;
width: 623px;
min-height: 234px;
border: 0;
}

.slider-item-big h2 {
position: absolute;
font-size: 28px;
text-transform: uppercase;
left: 10px;
bottom: 10px;
font-weight: normal;
background: url(../images/slider-item.png);
padding: 10px;
color: #fff;
}

<div class="slider-item">
<div class="slider-item-small">
<img src="$IMG_URL1$" alt="$TITLE$" />
<div class="slider-item-small-dark"></div>
</div>
<div class="slider-item-big">
<a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$"/></a>
<h2>$TITLE$</h2>
</div>
</div>