#sliderbox{
        position: relative;
    width: 40%;
    float: left;
    margin: 0 20px 20px 0;
    padding: 0px;
    
    }


#slid0{
    margin: 0px;
    width: 100%;
    border: 1px #bbb solid;
    }


#slider {
	position:absolute;
	top:0px;
    left: 0px;
	width:100%;
    max-width: 500px;
}

.slid{
	position:absolute;
    display: block;
	top:0px;
	left:0px;
	width:100%;
    max-width: 500px;
}

#slider img {
	z-index:8;
	position:absolute;
	left:0;
	top:0;
  opacity:0.0;
    border: 1px #bbb solid;
	}

#slider img.active {
    z-index:10;
    opacity:1.0;
}

#slider  img.last-active {
    z-index:9;
}