.carousel-direction a {
     display: block;
     width: 30px;
     height: 60px;
     line-height: 60px;
     overflow: hidden;
     position: absolute;
     top: 50%;
     z-index: 100;
     margin-top: -30px;
     font-family: simsun;
     text-align: center;
     color: #fff;
     font-size: 30px;
     text-decoration: none;
     cursor: pointer;
     background-color: #ad7669;
     -webkit-transition: all .3s ease-out 0s;
     -moz-transition: all .3s ease-out 0s;
     -o-transition: all .3s ease-out 0s;
     transition: all .3s ease-out 0s
 }

 .carousel-direction a:hover {
     background-color: #5a342b;
     color: #fff;
     text-decoration: none
 }

 .carousel-direction a.disabled,
 .carousel-direction a.disabled:hover {
     background-color: #e5e5e5;
     color: #ccc;
     cursor: default
 }

 .carousel-prev {
     left: 0
 }

 .carousel-next {
     right: 0
 }

 .carousel-btn {
     text-align: center;
     margin: 10px 0;
     line-height: normal
 }

 .carousel-btn a {
     display: inline-block;
     width: 11px;
     height: 11px;
     margin: 0 8px;
     background: #fff;
     background-size: 100% 100%
 }

 .carousel-btn .selected {
     background: #f4663f;
     cursor: default;
     background-size: 100% 100%
 }

 .carousel-btn a span {
     display: none
 }

 .carousel-btn-fixed {
     width: 100%;
     position: absolute;
     bottom: 50px;
     left: 0;
     margin: 0;
     z-index: 8
 }

 .carousel-num {
     position: absolute;
     bottom: 7px;
     right: 10px;
     z-index: 100
 }

 .carousel-num a {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     width: 22px;
     height: 22px;
     line-height: 22px;
     margin: 0 0 0 5px;
     text-align: center;
     background: #fff;
     font-size: 12px;
     color: #2d2d2d
 }

 .carousel-num a:hover {
     text-decoration: none
 }

 .carousel-num a.selected {
     background: #5a342b;
     color: #fff;
     cursor: default
 }

 .carousel-thumbs {
     text-align: center
 }

 .carousel-thumbs a {
     border: 2px solid #ccc;
     margin: 0 3px;
     display: inline-block;
     *display: inline;
     *zoom: 1
 }

 .carousel-thumbs a img {
     display: block
 }

 .carousel-thumbs a:hover,
 .carousel-thumbs a.selected {
     border-color: #f60
 }

 .carousel {
     position: relative
 }

 .carousel-item {
     position: relative;
     float: left;
     display: block
 }

 .carousel-item .carousel-img {
     display: block
 }

 .carousel-item .carousel-img a[href="javascript:;"] {
     cursor: default
 }

 .carousel-item .carousel-img img {
     display: block
 }

 .carousel-info {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     background: url(404.png)
 }

 .carousel-info-inner {
     font-size: 13px;
     padding: 8px 10px;
     color: #fff
 }

 .carousel-info-inner a,
 .carousel-info-inner a:hover {
     color: #fff
 }

 .carousel-info-inner h3 {
     font-size: 15px;
     line-height: 20px;
     color: #fff
 }

 .carousel-info-inner p {
     margin-top: 5px
 }

 .responsive-carousel {
     overflow: hidden
 }

 .responsive-carousel .carousel-item img {
     width: 100%;
     height: auto !important
 }

 .responsive-carousel .carousel-direction {
     display: none
 }

 .responsive-carousel:hover .carousel-direction {
     display: block
 }

 .responsive-carousel-set .carousel-info-inner h3 {
     font-weight: 400
 }

 .slideshow {
     overflow: hidden
 }

 .slideshow .carousel-direction a {
     width: 55px;
     height: 55px;
     line-height: 55px
 }

 

 .slideshow .carousel-page {
     transition: all .3s;
     opacity: 0;
     filter: Alpha(opacity=0)
 }

 .slideshow:hover .carousel-page {
     opacity: 1;
     filter: Alpha(opacity=100)
 }

 .slideshow .carousel-prev {
     position: absolute;
     top: 43%;
     cursor: pointer;
     left: 57px;
     background: url(../image/left.png) no-repeat;
     width: 49px;
     height: 49px
 }

 .slideshow .carousel-next {
     position: absolute;
     top: 43%;
     cursor: pointer;
     right: 57px;
     background: url(../image/right.png) no-repeat;
     width: 49px;
     height: 49px
 }

 .slideshow-gallery {
     margin-bottom: 20px
 }

 .slideshow-gallery .carousel-img a {
     display: block;
     text-align: center;
     width: 100%
 }

 .slideshow-gallery .carousel-img img {
     display: inline
 }

 .slideshow-gallery .carousel-info-inner h3 {
     font-size: 14px;
     line-height: 18px
 }

 .slideshow-gallery .carousel-direction a {
     display: none !important
 }

 .slideshow-gallery:hover .carousel-direction a {
     display: block !important
 }

 .slideshow-gallery:hover .carousel-direction a {
     display: block
 }

 .slideshow-gallery-thumbs {
     position: relative;
     padding: 0 30px
 }

 .slideshow-gallery-thumbs img {
     float: left;
     display: block;
     margin: 0 2px;
     border: 1px solid #ccc;
     cursor: pointer;
     width: 104px
 }

 .slideshow-gallery-thumbs img:hover,
 .slideshow-gallery-thumbs img.selected {
     border: 1px solid red
 }

 .slideshow-gallery-thumbs-direction {
     padding: 0 50px
 }

 .slideshow-gallery-thumbs-direction a {
     display: block;
     width: 20px;
     height: 76px;
     line-height: 76px;
     overflow: hidden;
     position: absolute;
     top: 50%;
     z-index: 100;
     margin-top: -38px;
     font-family: simsun;
     text-align: center;
     color: #fff;
     font-size: 25px;
     text-decoration: none;
     cursor: pointer;
     background-color: #ccc
 }

 .slideshow-gallery-thumbs-direction a:hover {
     background-color: #999;
     color: #fff;
     text-decoration: none
 }

 .slideshow-gallery-thumbs-direction .thumbs-carousel-prev {
     left: 0
 }

 .slideshow-gallery-thumbs-direction .thumbs-carousel-next {
     right: 0
 }

 .slideshow-gallery-thumbs-direction .disabled,
 .slideshow-gallery-thumbs-direction .disabled:hover {
     background-color: #dcf2ff;
     color: #ccc;
     cursor: default
 }

 @media screen and (max-width:1920px) {
     .slideshow {
         height: 956px !important
     }

     .slideshow img {
         height: 956px !important
     }
 }

 @media screen and (max-width:1440px) {
     .slideshow {
         height: 717px !important
     }

     .slideshow img {
         height: 717px !important
     }
 }

 @media screen and (max-width:1200px) {
     .slideshow {
         height: 598px !important
     }

     .slideshow img {
         height: 598px !important
     }

     .slideshow .carousel-prev {
         left: 3%
     }

     .slideshow .carousel-next {
         right: 3%
     }

     .carousel-btn-fixed {
         bottom: 30px
     }
 }

 @media(min-width:768px) and (max-width:991px) {
     .slideshow {
         height: 494px !important
     }

     .slideshow img {
         height: 494px !important
     }

     .slideshow-min {
         height: 348px !important
     }

     .slideshow-min img {
         height: 348px !important
     }

     .slideshow .carousel-direction {
         display: none
     }

     .carousel-thumbs a img {
         width: 100px
     }

     .carousel-btn-fixed {
         bottom: 20px
     }
 }

 @media screen and (max-width:768px) {
     .slideshow {
         height: 383px !important
     }

     .slideshow img {
         height: 383px !important
     }

     .slideshow-min {
         height: 383px !important
     }

     .slideshow-min img {
         height: 383px !important
     }

     .slideshow .carousel-direction {
         display: none
     }

     .carousel-thumbs a {
         border: none;
         width: 12px;
         height: 12px;
         margin: 0 5px;
         margin: 0 5px;
         border-radius: 50%;
         background-color: #ccc
     }

     .carousel-thumbs a.selected {
         background-color: #1d1d1d
     }

     .carousel-thumbs a img {
         display: none
     }

     .slideshow .carousel-page {
         display: none
     }
 }

 @media screen and (max-width:640px) {
     .slideshow {
         height: 319px !important
     }

     .slideshow img {
         height: 319px !important
     }

     .slideshow-min {
         height: 319px !important
     }

     .slideshow-min img {
         height: 319px !important
     }

     .scrollable .carousel-direction a {
         width: 40px;
         height: 40px;
         line-height: 40px
     }

     .carousel-btn {
         bottom: 10px
     }

     .carousel-btn a {
         width: 12px;
         height: 12px;
         border-radius: 50%
     }
 }

 @media screen and (max-width:480px) {
     .slideshow {
         height: 239px !important
     }

     .slideshow img {
         height: 239px !important
     }

     .slideshow-min {
         height: 239px !important
     }

     .slideshow-min img {
         height: 239px !important
     }

     .slideshow .carousel-direction {
         display: none
     }

     .carousel-thumbs a img {
         width: 80px
     }

     .scrollable-text {
         height: auto
     }

     .scrollable-text .carousel-direction {
         display: none
     }

     .carousel-btn-fixed {
         bottom: 8px
     }
 }

 @media screen and (max-width:360px) {
     .slideshow-min {
         height: 179px !important
     }

     .slideshow-min img {
         height: 179px !important
     }

     .slideshow .carousel-direction {
         display: none
     }
 }