.sliderWrapper {
    position: relative;
     width: 780px;
      overflow:hidden;
       
}
.sliderContainer {

position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 900px;
height: 630px;
}
.sliderSlide {
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 900px;
height: 630px; 
overflow: hidden;
}
.sliderCaptionContainer {
position: absolute;
width: 100%;
height: 80px;
text-align: left; 
line-height: 1.8em;
font-size: 12px;
padding:5px 0;
bottom:5px;
background:rgba(255, 106, 0, 0.8);
}
.sliderCaption {
display: block; 

font-size:30px;
color: #fff;
text-shadow:  1px 1px 1px rgb(0, 0, 0), 1px 1px 5px rgba(0, 0, 0, 1);
font-family: 'Source Sans Pro', 'Segoe UI',Calibri,Arial;
margin:5px;
}
.btnDetay {
  background-image:  -webkit-linear-gradient(top, rgb(88, 83, 83) 40%, rgb(32, 32, 32) 100%);
  background-image:      -o-linear-gradient(top, rgb(83, 83, 83) 40%, rgb(32, 32, 32) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(83, 83, 83)), to(rgb(32, 32, 32)));
  background-image:         linear-gradient(to bottom, rgb(83, 83, 83) 40%, rgb(32, 32, 32) 100%);
  color:#fff;
  padding:5px 20px;
  font-size:14px;
  border-radius:5px;
  margin:10px 5px;
  width:120px;
  border:1px solid rgb(83,83,83);
   text-align:center;
   font-family: 'Source Sans Pro', 'Segoe UI',Calibri,Arial;
}
    .btnDetay:hover {
         background-image:  -webkit-linear-gradient(top, rgb(88, 83, 83) 40%, rgb(22, 22, 22) 100%);
  background-image:      -o-linear-gradient(top, rgb(83, 83, 83) 40%, rgb(22, 22, 22) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(83, 83, 83)), to(rgb(22, 22, 22)));
  background-image:         linear-gradient(to bottom, rgb(83, 83, 83) 40%, rgb(22, 22, 22) 100%);
        border:1px solid rgb(22,22,22);
    }
    .btnDetay > a {
    color:#fff;
    text-decoration:none;
    }




    /****************** GAleri Thumbnail *************************/

    /* jssor slider thumbnail navigator skin 04 css */
                /*
                .jssort04 .p            (normal)
                .jssort04 .p:hover      (normal mouseover)
                .jssort04 .pav          (active)
                .jssort04 .pav:hover    (active mouseover)
                .jssort04 .pdn          (mousedown)
                */

                .jssort04 {
                    position: absolute;
                    /* size of thumbnail navigator container */
                    width: 600px;
                    height: 80px;
                }

                    .jssort04 .p {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 122px;
                        height: 62px;
                    }

                    .jssort04 .t {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        border: none;
                    }

                    .jssort04 .w, .jssort04 .pav:hover .w {
                        position: absolute;
                        width: 120px;
                        height: 60px;
                        border: #0099FF 2px solid;
                        
                    }

                    .jssort04 .pdn .w, .jssort04 .pav .w {
                        border-style: dashed;
                    }

                    .jssort04 .c {
                        position: absolute;
                        top: 1px;
                        left: 0;
                        width: 122px;
                        height: 62px;
                        background-color: #000;
                        filter: alpha(opacity=45);
                        opacity: .45;
                        transition: opacity .6s;
                        -moz-transition: opacity .6s;
                        -webkit-transition: opacity .6s;
                        -o-transition: opacity .6s;
                    }

                    .jssort04 .p:hover .c, .jssort04 .pav .c {
                        filter: alpha(opacity=0);
                        opacity: 0;
                    }

                    .jssort04 .p:hover .c {
                        transition: none;
                        -moz-transition: none;
                        -webkit-transition: none;
                        -o-transition: none;
                    }

                    * html .jssort04 .w {
                        width /**/: 120px;
                        height /**/: 62px;
                    }