.vslide{
        position:relative;
        padding:0;
        width:880px;
        height:600px;
        overflow:hidden;
}

.scrlcont{
          padding:0;
          margin:485px auto;
          width:850px;
          height:100px;
          overflow:auto;
          white-space:nowrap;
          border-bottom:2px solid #666;
          border-left:2px solid #666;
          border-right:2px solid #666;
}

.scrlcont a {
          margin:0;
          padding:0;
          text-decoration:none;
          border-color:#666;
}

.scrlcont a span img{
          border:none;
}
.scrlcont a:hover img.prev{
          border:2px solid #BBBCBD;
}

/*    IE needs this to trigger :hover effect   */
.scrlcont a:hover{
/*border:1px solid #666667;*/
         border-color:#666667;
}

/*  < .scrlcont a:active span >  for IE-click   */
/*  show the big Image   */
.scrlcont a:hover span{
          left:13px;
          top:15px;
          width:850px;
          height:470px;
          background:#444444;
          border-top:2px solid #666;
          border-left:2px solid #666;
          border-right:2px solid #666;
}

.scrlcont .quer img{
           margin:10px 0;
           width:auto;
           height:400px;
           border:none;
}

.scrlcont a img{
          margin: 2px 2px 0 1px;
          padding:0px;
          height:70px;
          border:2px solid #666;
}

.scrlcont span{
          position:absolute;
          left:-9999px;
          text-align:center;
          color:#BBBCBD;
          font:normal 13px 'Comic Sans Ms', Arial, sans-serif;
          overflow:hidden;
}

.default{
         text-align:center;
         color:#999;
         font:normal 0.9em Verdana,Arial,sans-serif;
         position:absolute;
          left:13px;
          top:15px;
          width:850px;
         height:475px;
          border-top:2px solid #666;
          border-left:2px solid #666;
          border-right:2px solid #666;
}