#s3slider2 {

    position:relative; /* important */
    overflow:hidden; /* important */
	float:left;
	margin: 35px 5px 0 10px; padding:8px; border:1px   #B9B9B9 solid
}

 #s3slider2, #s3slider2Content .s3slider2Image{
    width:550px; /* important to be same as image width or wider */
    height:344px;
}

#s3slider2Content .s3slider2Image {
	 padding:0;
	 margin:0;
	 }
 
#s3slider2Content {
	position:absolute;
}

#s3slider2 .s3slider2Image {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}


.s3slider2Image span {
    position: absolute; /* important */
    left:18px;
    padding: 10px 10px;
    width: 160px;
	height:323px;
    background-color: #000;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    top: 0; /*
        if you put top: 0;  -> the box with text will be shown
                                at the top of the image
        if you put bottom: 0;  -> the box with text will be shown
                                at the bottom of the image
    */
}

.s3slider2Image span h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; margin:7px 0; text-align: center}
 
.s3slider2Image span h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; margin:10px 0;text-align: center}
 
.s3slider2Image span h4{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; margin:20px 0;line-height: 140%; text-align: center} 
 
.clear {
    clear: both;
}