Sliding Viewer: 2

.stepcarousel{
    position:relative;
    background:#fff;
    border:1px solid #eee;
    width:420px;
    height:320px;
}

.stepcarousel .belt{position:absolute;left:0px;top:0px;}
.stepcarousel .panel img{width:400px;height:300px;}
.stepcarousel .panel{float:left;overflow:hidden;margin:10px;width:400px;}

/* If you are using Option A from Step 3, ignore all of the code below */

.stepcarousel .panel .info{
    position:absolute;
    width:380px;
    padding:0px 10px;
    height:0px;
    overflow:hidden;
    text-align:center;
    background:#fff;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.stepcarousel .panel:hover .info{
    height:25px;
    padding:10px;
    border-bottom:1px solid #EEE;
}

.stepcarousel .panel .info a{
    margin:0px 5px;
    font-size:7px;
    letter-spacing:0.5px;
}