#slyder{              
width: 512px;             
margin-right: 3px;             
float: left;             
}              

.sly-ctn{              
   background-color: #505251;              
   padding: 10px;              
   position: relative;            
}              

.sly-img{              
   background-color: #000;              
   height: 220px;              
   overflow: hidden;              
   position: relative;              
   width: 100%;              
}              

.sly-img img{              
   cursor: pointer;              
   height: 100%;              
   position: absolute;              
   top: 0;              
   left: 0;              
   width: 100%;              
   z-index: 1;              
}              

.sly-img img.sly-active{              
   z-index: 2;              
}              

.sly-clone{              
   overflow: hidden;              
   position:absolute;              
   top: 0;              
   left: 0;              
   z-index: 20;              
}              

.sly-clone img{              
   position:absolute;              
   top:0;              
   left:0;              
   z-index:20;                 
}              

.sly-txt{              
   color: #FFF;           
   display: none;           
   font-family: Arial, sans-serif, Helvetica;              
   font-size: 12px;              
   height: 50px;              
   line-height: 50px;              
   text-align: center;              
   width: 100%;              
}              

.sly-ctrl{              
   display: none;            
   position: relative;              
   z-index: 9999;              
}              

.sly-ctn:hover .sly-ctrl{              
   display: block;              
}              

.sly-prev{              
   background: url(../img/sly-prev.png) center center no-repeat;              
   cursor: pointer;              
   height: 220px;             
   line-height: 20px;              
   position: absolute;              
   top: 0;              
   left: 0;              
   width: 40px;              
   z-index: 3;              
   -moz-user-select: none;              
   -khtml-user-select: none;              
   -webkit-user-select: none;              
   user-select: none;              
}              

.sly-next{              
   background: url(../img/sly-next.png) center center no-repeat;              
   cursor: pointer;              
   height: 220px;             
   line-height: 20px;
   padding: 0 1px 0 0;           
   position: absolute;              
   top: 0;              
   right: 0;              
   width: 40px;              
   z-index: 3;              
   -moz-user-select: none;              
   -khtml-user-select: none;              
   -webkit-user-select: none;              
   user-select: none;                 
}              

.sly-thumbs{              
   background-color: #505251;              
   height: 60px;          
   margin: 10px 0 0 0;           
   overflow: hidden;              
   position: relative;              
   width: 100%;              
}              

.sly-thumbs ul{              
   list-style-position: inside;              
   list-style-type: none;              
   margin: 0;              
   padding: 0;              
   position: absolute;              
   left: 0;              
}              

.sly-thumbs ul li{              
   float: left;              
   height: 100%;              
   margin-right: 5px;              
   width: 120px;              
}              

.sly-thumbs a{              
   opacity: .4;              
}              

.sly-thumbs a.sly-active-thumb, .sly-thumbs a:hover{              
   opacity: 1;              
}              

.sly-thumbs img{              
   border: none;              
   height: 100%;              
   width: 100%;              
}