/*!
*  - v1.2.2
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/

.slider-pro{
	position:relative;
	margin:0 auto;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}

.sp-slides-container{
	position:relative
}

.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
}

.sp-no-js{
	overflow:hidden;
	max-width:100%
}

.sp-thumbnails-container{
	position:relative;
	overflow:hidden
}

.sp-bottom-thumbnails,.sp-top-thumbnails{
	left:0;
	margin:0 auto
}

.sp-top-thumbnails{
	position:absolute;
	top:0;
	margin-bottom:4px
}

.sp-bottom-thumbnails{
	margin-top:4px
}

.sp-left-thumbnails,.sp-right-thumbnails{
	position:absolute;
	top:0
}

.sp-right-thumbnails{
	right:0;
	margin-left:4px
}

.sp-left-thumbnails{
	left:0;
	margin-right:4px
}

.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
}

.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-top:2px;
	margin-bottom:2px
}

.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
}

.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:'';
	position:absolute;
	width:0;
	height:0;
	left:0;
	top:50%;
	margin-top:-8px;
	border-right:13px solid red;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent
}

.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:'';
	position:absolute;
	width:0;
	height:0;
	right:0;
	top:50%;
	margin-top:-8px;
	border-left:13px solid red;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent
}

.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{
	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{
	content:'';
	position:absolute;
	width:0;
	height:0;
	left:50%;
	top:0;
	margin-left:-8px;
	border-bottom:13px solid red;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}

.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{
	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{
	content:'';
	position:absolute;
	width:0;
	height:0;
	left:50%;
	bottom:0;
	margin-left:-8px;
	border-top:13px solid red;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}

.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
}

@media only screen and (min-width:768px) and (max-width:1024px){
	.sp-button{
		width:14px;
		height:14px
	}

}

@media only screen and (min-width:568px) and (max-width:768px){
	.sp-button{
		width:16px;
		height:16px
	}

}

@media only screen and (min-width:320px) and (max-width:568px){
	.sp-button{
		width:18px;
		height:18px
	}

}

.sp-arrows{
	position:absolute
}

.sp-fade-arrows{

	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

.sp-slides-container:hover .sp-fade-arrows{
	opacity:1
}

.sp-horizontal .sp-arrows{
	width:100%;
	left:0;
	top:50%;
	margin-top:-15px
}

.sp-vertical .sp-arrows{
	height:100%;
	left:50%;
	top:0;
	margin-left:-10px
}

.sp-arrow{
	position:absolute;
	display:block;
	width:35px;
	height:50px;
	cursor:pointer;
	
}

.sp-vertical .sp-arrow{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}

.sp-horizontal .sp-previous-arrow{
	left:0px;
	background:url(images/left.png) no-repeat center center rgba(0,0,0,0.7);
	background-size:80%;
}

.sp-horizontal .sp-next-arrow{
	right:0px;
	background:url(images/right.png) no-repeat center center rgba(0,0,0,0.7);
	background-size:80%;
	
}

.sp-vertical .sp-previous-arrow{
	top:20px
}

.sp-vertical .sp-next-arrow{
	bottom:20px
}

/*.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{
	content:'';
	position:absolute;
	width:50%;
	height:50%;
	background-color:#FFF
}

.sp-previous-arrow:before{
	left:30%;
	top:0;
	-webkit-transform:skew(145deg,0deg);
	-ms-transform:skew(145deg,0deg);
	transform:skew(145deg,0deg)
}

.sp-previous-arrow:after{
	left:30%;
	top:50%;
	-webkit-transform:skew(-145deg,0deg);
	-ms-transform:skew(-145deg,0deg);
	transform:skew(-145deg,0deg)
}

.sp-next-arrow:before{
	right:30%;
	top:0;
	-webkit-transform:skew(35deg,0deg);
	-ms-transform:skew(35deg,0deg);
	transform:skew(35deg,0deg)
}

.sp-next-arrow:after{
	right:30%;
	top:50%;
	-webkit-transform:skew(-35deg,0deg);
	-ms-transform:skew(-35deg,0deg);
	transform:skew(-35deg,0deg)
}

.ie7 .sp-arrow,.ie8 .sp-arrow{
	width:0;
	height:0
}

.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{
	content:none
}

.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{
	border-right:20px solid #FFF;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent
}

.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{
	border-left:20px solid #FFF;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent
}

.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{
	border-bottom:20px solid #FFF;
	border-left:20px solid transparent;
	border-right:20px solid transparent
}

.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{
	border-top:20px solid #FFF;
	border-left:20px solid transparent;
	border-right:20px solid transparent
}
*/

.sp-thumbnail-arrows{
	position:absolute
}

.sp-fade-thumbnail-arrows{
	opacity:0;
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{
	opacity:1
}

.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{
	width:100%;
	top:50%;
	left:0;
	margin-top:-12px
}

.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{
	height:100%;
	top:0;
	left:50%;
	margin-left:-7px
}

.sp-thumbnail-arrow{
	position:absolute;
	display:block;
	width:15px;
	height:25px;
	cursor:pointer
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}

.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{
	left:0
}

.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{
	right:0
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{
	top:0
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{
	bottom:0
}

.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{
	content:'';
	position:absolute;
	width:50%;
	height:50%;
	background-color:#FFF
}

.sp-previous-thumbnail-arrow:before{
	left:30%;
	top:0;
	-webkit-transform:skew(145deg,0deg);
	-ms-transform:skew(145deg,0deg);
	transform:skew(145deg,0deg)
}

.sp-previous-thumbnail-arrow:after{
	left:30%;
	top:50%;
	-webkit-transform:skew(-145deg,0deg);
	-ms-transform:skew(-145deg,0deg);
	transform:skew(-145deg,0deg)
}

.sp-next-thumbnail-arrow:before{
	right:30%;
	top:0;
	-webkit-transform:skew(35deg,0deg);
	-ms-transform:skew(35deg,0deg);
	transform:skew(35deg,0deg)
}

.sp-next-thumbnail-arrow:after{
	right:30%;
	top:50%;
	-webkit-transform:skew(-35deg,0deg);
	-ms-transform:skew(-35deg,0deg);
	transform:skew(-35deg,0deg)
}

.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{
	width:0;
	height:0
}

.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{
	content:none
}

.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{
	border-right:12px solid #FFF;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent
}

.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{
	border-left:12px solid #FFF;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent
}

.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{
	border-bottom:12px solid #FFF;
	border-left:12px solid transparent;
	border-right:12px solid transparent
}

.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{
	border-top:12px solid #FFF;
	border-left:12px solid transparent;
	border-right:12px solid transparent
}

a.sp-video{
	text-decoration:none
}

a.sp-video img{
	-webkit-backface-visibility:hidden;
	border:none
}

a.sp-video:after{
	content:'\25B6';
	position:absolute;
	width:45px;
	padding-left:5px;
	height:50px;
	border:2px solid #FFF;
	text-align:center;
	font-size:30px;
	border-radius:30px;
	top:0;
	color:#FFF;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,.2);
	margin:auto;
	line-height:52px
}

.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{
	max-width:none;
	max-height:none;
	border:none!important;
	border-radius:0!important;
	padding:0!important;
	-webkit-box-shadow:none!important;
	-mox-box-shadow:none!important;
	box-shadow:none!important;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none
}

.slider-pro a{
	position:static;
	transition:none!important;
	-moz-transition:none!important;
	-webkit-transition:none!important;
	-o-transition:none!important
}

.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{
	max-width:none;
	max-height:none
}

.slider-pro p.sp-layer{
	font-size:14px;
	line-height:1.4;
	margin:0;
	position:absolute;
	width:300px;
	top:100%;
	
	right:100px ;
	left:auto !important;

	
}

.slider-pro p.sp-layer span
{
	padding:20px 10px;
	display:block;	
	font-family:'sg'
}

.slider-pro p.sp-layer span span
{
	font-size:22px;	
	font-family:'sgb';
	padding:0 0 10px 0;
}



.slider-pro p.sp-layer span span.content
{
	font-size:14px;	
	font-family:'sg';
}
.slider-pro h1.sp-layer{
	font-size:32px;
	line-height:1.4;
	margin:0
}

.slider-pro h2.sp-layer{
	font-size:24px;
	line-height:1.4;
	margin:0
}

.slider-pro h3.sp-layer{
	font-size:19px;
	line-height:1.4;
	margin:0
}

.slider-pro h4.sp-layer{
	font-size:16px;
	line-height:1.4;
	margin:0
}

.slider-pro h5.sp-layer{
	font-size:13px;
	line-height:1.4;
	margin:0
}

.slider-pro h6.sp-layer{
	font-size:11px;
	line-height:1.4;
	margin:0
}

.slider-pro img.sp-layer{
	border:none
}