/*!
*  - v1.0.2
* Homepage: http://sucaijiayuan.com
*/.slider-pro{position:relative;margin:0 auto}
.sp-slides-container{position:relative;border:1px solid #e8e8e8;overflow: hidden;}
.sp-mask{position:relative;overflow:hidden}
.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.sp-slide{position:absolute;}
.sp-image-container{overflow:hidden}
.sp-image{position:relative;display:block;border:none;max-width:100%;max-height:100%;top:50%;left:50%;transform: translate(-50%,-50%);}
.sp-thumbnails-container{position:relative;overflow:hidden}
.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}
.sp-left-thumbnails,.sp-right-thumbnails,.sp-top-thumbnails{position:absolute;top:0}
.sp-right-thumbnails{right:-5px}
.sp-left-thumbnails{left:0}
.sp-thumbnails{position:relative}
.sp-thumbnail{border:none}
.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box;height:120px!important;}
.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}
.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}
.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}
.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-bottom:10px}
.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}
.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}
.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important;border:1px solid #e8e8e8;overflow: hidden;}
/* .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25c0';position:absolute;font-family:Arial;font-size:16px;line-height:1;color:red;left:0;top:50%;margin-top:-6px}
.ie10 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.ie11 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.ie9 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25bc';-ms-transform:rotate(90deg);transform:rotate(90deg)} */
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail .sp-thumbnail{border:1px solid #039ee5;}
.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}
.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25ba';position:absolute;font-family:Arial;font-size:16px;line-height:1;color:red;right:0;top:50%;margin-top:-6px}
.ie10 .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.ie11 .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.ie9 .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25b2';-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{display: none;content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{display: none;content:'\25b2';position:absolute;font-family:Arial;font-size:16px;line-height:1;color:red;left:50%;top:0;margin-left:-9px}
.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}
.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{display: none;content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{display: none;content:'\25bc';position:absolute;font-family:Arial;font-size:16px;line-height:1;color:red;left:50%;bottom:0;margin-left:-9px}
.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}
.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}
.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}
.sp-rounded{border-radius:10px}
.sp-padding{padding:10px}
.sp-grab{cursor:url(../images/openhand.cur),move}
.sp-grabbing{cursor:url(../images/closedhand.cur),move}
.sp-selectable{cursor:default}
.sp-caption-container{text-align:center;margin-top:10px}
.sp-full-screen{margin:0!important;background-color:#000}
.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.sp-full-screen-button:before{content:'\2195'}
.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.slider-pro:hover .sp-fade-full-screen{opacity:1}
.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}
.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.sp-selected-button{background-color:#000}