#sliderFrame {
    position: relative;
    width: 700px;
    margin: 0 auto; /*center-aligned*/
}

#slider1, #slider1 div.sliderInner {
    width: 234px;
    height: 138px; /* Must be the same size as the slider images */
    border-radius: 8px;
    background-size: 234px 138px !important;
}

    #slider1, #slider1 div.sliderInner .mcSlc {
        background-size: 234px 138px !important;
        background-color: #e1e0e1 !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

        /* make video and audio to have rounded corners */
        #slider1 iframe, #slider1 div.video, #slider1 audio {
            border-radius: 8px;
        }

#slider1 {
    background: #fff url(loading.gif) no-repeat 50% 50%;
    position: relative;
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

    /* image wrapper */
    #slider1 a.imgLink, #slider1 div.video {
        z-index: 2;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 0px;
        border: 0;
        padding: 0; /*margin:0;*/
        /*width:100%;height:100%;*/
        margin-top: 244px;
        font-size: 10px;
        color: red;
    }

    #slider1 .video {
        background: transparent url(video.png) no-repeat 50% 50%;
    }

    /* Caption styles */
    #slider1 div.mc-caption-bg, #slider1 div.mc-caption-bg2 {
        position: absolute;
        width: 100%;
        height: auto;
        padding: 10px 0; /* 10px will increase the height.*/
        left: 0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
        bottom: 0px; /*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
        z-index: 3;
        overflow: hidden;
        font-size: 14px;
        border-radius: 0 0 6px 6px; /*round caption bottom corners */
        top: 149px;
        min-height: 69px;
        /*background-color: #FFFFFF;*/
    }

    #slider1 div.mc-caption-bg {
        /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
        /*background:Black;*/ /* or any other colors such as White, or: background:none; */
    }

    #slider1 div.mc-caption-bg2 {
        background: none;
        color: Gray;
    }

http://localhost:49421/Izban/Scripts/HaberSlider/themes/6/bullet.png #slider1 div.mc-caption {
    font: bold 14px/20px Arial;
    color: gray;
    z-index: 4;
    text-align: center;
    background: none;
    color: Gray;
}

#slider1 div.mc-caption a {
    margin-top: 250px;
    font-size: 10px;
    color: red;
}

#slider1 div.mc-caption span {
    color: black;
    margin-bottom: 8px;
    float: left;
    width: 234px;
}


/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider1 div.navBulletsWrapper {
    top: 243px; /* Its position is relative to the #slider */
    text-align: center;
    background: none;
    position: relative;
    z-index: 5;
    left: 65px;
}

    /* each bullet */
    #slider1 div.navBulletsWrapper div {
        width: 13px;
        height: 13px;
        font-size: 0;
        color: White; /*hide the index number in the bullet element*/
        background: transparent url(bullet.png) no-repeat 0 0;
        display: inline-block;
        background-size: 100%;
        zoom: 1;
        overflow: hidden;
        cursor: pointer;
        margin: 0 4px; /* set distance between each bullet*/
    }

        #slider1 div.navBulletsWrapper div.active {
            background-position: 0 -13px;
        }

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

#slider1 div.loading {
    width: 100%;
    height: 100%;
    background: transparent url(loading.gif) no-repeat 50% 50%;
    /* filter: alpha(opacity=60);*/
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

#slider1 img, #slider1 > b, #slider1 a > b {
    position: absolute;
    border: none;
    display: none;
}

#slider1 div.sliderInner {
    overflow: hidden;
    -webkit-transform: rotate(0.000001deg); /* fixed the Chrome not crop border-radius bug*/
    position: absolute;
    top: 0;
    left: 0;
}

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