

 /*Nivo slider CSS*/
 .nivo-controlNav,
 .t-cn {
     text-align: center
 }

 .nivoSlider {
     position: relative;
     width: 100%;
     height: auto;
     overflow: hidden
 }

 .nivo-caption,
 .nivo-directionNav a,
 .nivoSlider img,
 .slider-direction {
     position: absolute;
     /* top: 0 */
 }

 .nivoSlider img {
     left: 0;
     max-width: none
 }

 .nivo-caption {
     bottom: 0;
     padding: 5px 10px;
     opacity: 1;
     overflow: hidden;
     display: none;
     -moz-opacity: 1;
     filter: alpha(opacity=1);
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .nivo-caption p {
     padding: 5px;
     margin: 0
 }

 .nivo-caption a {
     display: inline !important
 }

 .nivo-html-caption {
     display: none
 }

 .nivo-directionNav a {
     z-index: 99;
     cursor: pointer
 }

 .nivo-prevNav {
     left: 0
 }

 .nivo-controlNav {
     padding: 15px 0
 }

 .nivo-controlNav a {
     cursor: pointer
 }

 .nivo-controlNav a.active {
     font-weight: 700
 }

 .slider-direction {
     left: 0;
     width: 100%;
     background: 0 0;
     color: #fff;
     font-size: 16px;
     z-index: 999;
     display: block
 }

 .nivoSlider a.nivo-imageLink {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
     padding: 0;
     margin: 0;
     z-index: 6;
     display: none;
     background: #fff;
     filter: alpha(opacity=0);
     opacity: 0
 }

 .nivo-box img {
     display: block
 }

 .nivo-caption {
     left: 0;
     color: #fff;
     width: 100%;
     height: 100%;
     z-index: 8
 }

 .nivo-main-image {
     display: block !important;
     position: relative !important;
     width: 100% ;
 }

 .nivo-box,
 .nivo-slice {
     display: block;
     z-index: 5
 }

 .nivo-slice {
     position: absolute;
     height: 100%;
     top: 0
 }

 .nivo-box {
     position: absolute;
     overflow: hidden
 }



 /*Nivo slider Style CSS*/
 .preview-1 .nivoSlider {
     position: relative;
     background: url(../img/loading.html) 50% 50% no-repeat
 }

 .preview-1 .nivoSlider img {
     position: absolute;
     top: 0;
     left: 0;
     display: none
 }

 .preview-1 .nivoSlider a {
     border: 0;
     display: block
 }

 .preview-1 .nivo-controlNav {
     text-align: center;
     padding: 20px 0;
     position: relative;
     z-index: 99999;
     bottom: 68px
 }

 .preview-1 .nivo-controlNav a.active {
     background-position: 0 -22px
 }

 .preview-1 .nivo-directionNav a {
     display: block;
     width: 30px;
     height: 30px;
     background: url(../img/arrows.html) no-repeat;
     text-indent: -9999px;
     border: 0;
     opacity: 0;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 .preview-1:hover .nivo-directionNav a {
     opacity: 1
 }

 .preview-1 a.nivo-nextNav {
     background-position: -30px 0;
     right: 15px
 }

 .preview-1 a.nivo-prevNav {
     left: 15px
 }

 .preview-1 .nivo-caption {
     font-family: Helvetica, Arial, sans-serif
 }

 .preview-1 .nivo-caption a {
     color: #fff;
     border-bottom: 1px dotted #fff
 }

 .preview-1 .nivo-caption a:hover {
     color: #fff
 }

 .preview-1 .nivo-controlNav.nivo-thumbs-enabled {
     width: 100%
 }

 .preview-1 .nivo-controlNav.nivo-thumbs-enabled a {
     width: auto;
     height: auto;
     background: 0 0;
     margin-bottom: 5px
 }

 .preview-1 .nivo-controlNav.nivo-thumbs-enabled img {
     display: block;
     width: 120px;
     height: auto
 }

 .preview-1 .nivo-controlNav a {
     border: 5px solid #fff;
     display: inline-block;
     height: 18px;
     margin: 0 5px;
     text-indent: -9999px;
     width: 18px;
     line-height: 8px;
     background: #3c3c3c;
     cursor: pointer;
     position: relative;
     border-radius: 100%;
     opacity: 0;
     z-index: -999
 }

 .preview-1:hover .nivo-controlNav a {
     opacity: 1;
     z-index: 999999
 }

 .preview-1 .nivo-controlNav a.active,
 .preview-1 .nivo-controlNav a:hover {
     background: #000;
     cursor: pointer
 }


