.scroll-pic-list-swiper {width: 100%;height: 100%;}

.scroll-pic-list-swiper .swiper-pagination{position: static;margin-top: 20px;text-align: center;}
.scroll-pic-list-swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;border-width:1px;border-style: solid;display: inline-block;border-radius:50%;opacity: 1;}



.scroll-pic-list-swiper .scroll-pic-list-swiper-item{text-align: center;}

.scroll-pic-list-swiper .swiper-slide-item .swiper-slide-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.scroll-pic-list-swiper .swiper-slide-item:hover .swiper-slide-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.scroll-pic-list-swiper .swiper-slide-item .swiper-slide-img a{display:block;position:relative;text-decoration:none;overflow:hidden}
.scroll-pic-list-swiper .swiper-slide-item .swiper-slide-img a:before{content:"";display:block;position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-top-width:1px; border-top-style: solid; border-bottom-width:1px; border-bottom-style: solid ;transform:scale(0,1);z-index:2;transition:all .3s ease-in-out 0s}
.scroll-pic-list-swiper .swiper-slide-item:hover .swiper-slide-img a:before{transform:scale(1,1)}
.scroll-pic-list-swiper .swiper-slide-item .swiper-slide-img a::after{content:"";display:block;position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-right-width:1px; border-right-style: solid; border-left-width:1px; border-left-style: solid;transform:scale(1,0);z-index:2;transition:all .3s ease-in-out 0s}
.scroll-pic-list-swiper .swiper-slide-item:hover .swiper-slide-img a::after{transform:scale(1,1)}

.swiper-slide-text{text-align:center;padding-top:10px;padding-bottom:10px}

.scroll-pic-list-swiper .swiper-button-prev,
.scroll-pic-list-swiper .swiper-button-next{
    font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
    display: block;height: 40px;width: 40px;
    position: absolute;top: 50%;margin-top: -50px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
    line-height: 40px;text-align: center;color: #fff;}

.scroll-pic-list-swiper.swiper-button-prev{left: 0;background: rgba(0,0,0,.3)}
.scroll-pic-list-swiper.swiper-button-next{right: 0;background:  rgba(0,0,0,.3)}
.scroll-pic-list-swiper.swiper-button-prev:hover{background: rgba(0,0,0,.7)}
.scroll-pic-list-swiper.swiper-button-next:hover{background:  rgba(0,0,0,.7)}