#sliderFrame, #sliderFrame div {

    box-sizing: content-box;

}

#sliderFrame 

{

    position:relative;

    width:500px;

    margin:0 auto; /*center-aligned*/

    padding:20px;

    background:#f0f0f0;

    border-radius:6px;

} 



#slider, #slider .sliderInner {

    width:450px;height:630px;/* Must be the same size as the slider images */

    border-radius:0px;

}



#slider {

    background-color:#f0f0f0;

    position:relative;

    margin:0 auto; /*center-aligned*/

    transform: translate3d(0,0,0);

}



/* the link style (if an image is wrapped by a link) */

#slider a.imgLink, #slider .video {

    z-index:2;

    cursor:pointer;

    position:absolute;

    top:0px;left:0px;border:0;padding:0;margin:0;

    width:100%;height:100%;

}



/* Caption styles */

#slider .mc-caption {

    position:absolute;

    width:400px;

    height:auto;

    padding:10px 0;

    left: 100px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/

    bottom: -40px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/

    overflow:hidden;

    font:bold 13px/16px Arial;

    color:#555;

    text-align:center;

    background:none;

}

#slider .mc-caption a { 

    color:#34739c;

}





/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/

#slider .navBulletsWrapper  {

    display:none;

}



/* --------- Others ------- */



#slider img, #slider>b, #slider a>b {

    position:absolute; border:none; display:none;

}



#slider .sliderInner {

    overflow:hidden;

    position:absolute; top:0; left:0;

}



#slider>a, #slider video, #slider audio {display:none;}





/* -- thumbnails -- */

#thumbs 

{

    margin-top:50px;

    text-align:center;

    font-size:0;

}

#thumbs .thumb 

{

    display:inline-block;
/* 
    *display:inline; */
    zoom:1;/*IE6, IE7 hack*/

    margin:0 1px;/*this determins the distance between each thumbnail*/

    border:1px solid #dad7d7;

    padding:4px;

    background:rgb(223, 221, 221);

}

#thumbs .thumb img{border:1px solid #3d3b3b; cursor:pointer; width:70px; height:31px; opacity:0.5;filter:alpha(opacity=50);}

#thumbs .thumb-on img{border:1px solid #999; opacity:1;filter:alpha(opacity=100);}

#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}