/* http://www.menucool.com */

.sliderFrame, .sliderFrame div {
    box-sizing: content-box;
}
.sliderFrame 
{
    position:absolute;
    width:720px;
    margin:0 auto; /*center-aligned*/
    padding:20px;
    background:#191919;
    border-radius:6px;
} 

.mark-slider, .mark-slider .mark-sliderInner
 {
    width:100%;
	height:306px;/* Must be the same size as the slider images */
    border-radius:0px;
}

.mark-slider {
    background-color:black;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
}

/* the link style (if an image is wrapped by a link) */
.mark-slider a.imgLink, .mark-slider .video {
    z-index:2;
    cursor:pointer;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
.mark-slider .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}




/* ------ built-in navigation bullets wrapper that is relative to the .mark-slider ------*/
.mark-slider .navBulletsWrapper  {
    display:none;
}

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

.mark-slider img, .mark-slider>b, .mark-slider a>b {
    position:absolute; border:none; display:none;
}

.mark-slider .sliderInner {
    overflow:hidden;
    position:absolute; top:0; left:0;
}

.mark-slider>a, .mark-slider video, .mark-slider audio {display:none;}


/* -- thumbnails -- */
.thumbs 
{
    margin-top:10px;
    text-align:left;
    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 #333;
    padding:0px;
    background:black;
}

.thumbs .thumb:last-child
{
    display:inline-block;
    *display:inline;zoom:1;/*IE6, IE7 hack*/
    margin:0 0px;/*this determins the distance between each thumbnail*/
    border:1px solid #333;
    padding:0px;
    background:black;
}

.thumbs .thumb img{border:1px solid #555; cursor:pointer; width:67px; height:auto; opacity:0.5;filter:alpha(opacity=50);}
.thumbs .thumb-on img{border:1px solid #999; opacity:1;filter:alpha(opacity=100);}
.mark-slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.mark-slider .bgLayer
{
	position:absolute!important;
	border-image-source: initial!important;
    border-image-slice: initial!important;
    border-image-width: initial!important;
    border-image-outset: initial!important;
    border-image-repeat: initial!important;
	width:100%!important;
	height:100%!important;
}