/* 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 {



	/* display: none; */



	line-height: 0;



	font-size: 0;



	background: #eee;



	border: 5px solid #eee;



	border-radius: 3px;



	position: relative;



	float: left;




}



.sp-wrap img{ max-width:none}



/* Thumbnails */







.sp-thumbs {



	text-align: left;



	display: inline-block;



}



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



}



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



}



.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: #F0353A;



		border: 2px solid #F0353A;



		padding: 6px 10px;



		display: inline-block;



		font-size: 18px;



	}



	.button:hover {



		background: #F0353A;



		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: #F0353A;



		border: 2px solid #F0353A;



		padding: 6px 10px;



		display: inline-block;



		font-size: 18px;



	}



	.button:hover {



		background: #F0353A;



		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 {

		width: 100%;

		font-size: 24px;



		display: inline-block;



		padding: 0;



		height: 48px;



		line-height: 48px;

		margin: 0 0 0 46px;

		font-weight: 600;

	}







	.pxqbg{



		background: #fff;



		width: 100%;



		display: inline-block;



		margin-bottom: 50px;



		padding: 0 30px 50px;



	}