/* Needed for the lightbox */
/* html,body {height:100%;width:100%;} */
/* CSS for the loading div */
.sp-loading {text-align:center;max-width:270px;padding:15px;border:5px solid #eee;border-radius:3px;font-size:12px;color:#888;}
/* Element wrapper */
.sp-wrap {line-height:0;font-size:0;position:relative;float:left;width:100%;}
/* Thumbnails */
.sp-thumbs {text-align:left;display:inline-block;width:10%;float:left;}
.sp-thumbs img {min-height:50px;min-width:50px;max-width:50px;}
.sp-thumbs a:link,.sp-thumbs a:visited {
	width:50px;height:50px;overflow:hidden;opacity:.3;display:inline-block;background-size:cover;background-position:center;
	-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;
	transition:all .2s ease-out;border:1px solid #d96729;margin:0 0 10px 10px;
}
.sp-thumbs a:hover {opacity:1;}
/* Styles for the currently selected thumbnail */
.sp-thumbs a:active,.sp-current {opacity:1!important;position:relative;}
/* Image currently being viewed */
.sp-large {position:relative;overflow:hidden;top:0;left:0;width:90% !important;float:left;border:1px solid #ddd;border-radius:3px;}
.sp-large a img {max-width:100%;height:auto;}
.sp-large a {display:block;}
/* Panning Zoomed Image */
.sp-zoom {position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none;}
/* Lightbox */
.sp-lightbox {position:fixed;top:0;left:0;height:100%;width:100%;background:rgb(0,0,0);background:rgba(0,0,0,.9);z-index:500;display:none;cursor:pointer;}
.sp-lightbox img {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;max-width:90%;max-height:90%;border:2px solid #fff;}
#sp-prev,#sp-next {position:absolute;top:50%;margin-top:-25px;z-index:501;color:#fff;padding:14px;text-decoration:none;background:#000;border-radius:25px;border:2px solid #fff;width:50px;height:50px;box-sizing:border-box;transition:.2s;}
#sp-prev {left:10px;}
#sp-prev:before {content:'';border:7px solid transparent;border-right:15px solid #fff;position:absolute;top:16px;left:7px;}
#sp-next {right:10px;}
#sp-next:before {content:'';border:7px solid transparent;border-left:15px solid white;position:absolute;top:16px;left:18px;}
#sp-prev:hover,#sp-next:hover {background:#444;}
/* Tweak styles for small viewports */
@media screen and (max-width:400px) {
	.sp-wrap {margin:0 0 15px 0;}
	#sp-prev,#sp-next {top:auto;margin-top:0;bottom:25px;}
}
pre {background:#333;padding:10px;overflow:auto;color:#BBB7A9;}
.button {text-decoration:none;color:#c8000a;border:2px solid #c8000a;padding:6px 10px;display:inline-block;font-size:18px;}
.button:hover {background:#c8000a;color:#fff;}
.demo {text-align:center;padding:30px 0}
.clear {clear:both;}
pre {background:#333;padding:10px;overflow:auto;color:#BBB7A9;}
.button {text-decoration:none;color:#c8000a;border:2px solid #c8000a;padding:6px 10px;display:inline-block;font-size:18px;}
.button:hover {background:#c8000a;color:#fff;}
.demo {text-align:center;padding:30px 0}
.clear {clear:both;}
h1 {font-size:2em;line-height:1.5em;margin:20px 0;font-weight:normal;}
.pro-title h2 {font-size: 26px; font-weight: 600; margin:0; line-height: 46px;background: #fff;color:#333;}
.pxqbg {background:#fff;width:100%;display:inline-block;margin-bottom:50px;padding:0 30px 50px;}
.proxqtit{ margin: 20px 0 0 20px;}

.sp-wrap {
	line-height: 0;
	font-size: 0;
	border-radius: 3px;
	position: relative;
	float: left;
}