/* 	=============================
   	Quickview Styles 
   	============================= */

	.hide {
		display: none;
	}
	
	.mobView {
		display: none;
	}
	
	.mobHide {
		display: block;
	}
	
	.jck_quickview_button {
		display: none;
		height: 36px;
		width: 36px;
		background: url('../img/quickview.png') no-repeat 0 0;
		margin: -36px 0 0 -6px;
		position: relative;
		z-index: 20;
	}
	
	.jck_quickview {
		position: relative;
		background: #FFF;
		padding: 20px;
		width: auto;
		max-width: 900px;
		margin: 20px auto; 
		overflow: hidden;
		z-index:9999;
	}
		.jck_quickview h1 {
			line-height: 1.2em;
			margin: 0;
			padding: 0;
		}
		.jck_quickview .images {
			width: 55%;
			float: left;
			display: inline;
		}
			.jck_quickview .images img.attachment-shop_single {
				width: 100%;
				height: auto;
			}
		.jck_quickview .summary {
			width: 40%;
			float: right;
			display: inline;
		}
		
		.jck_quickview .thumbnails {
			width: 104%;
			overflow: hidden;
			margin: 10px -2% 0;
		}
			.jck_quickview .thumbnails a {
				width: 21%;
				margin: 10px 2% 0;
				float: left;
				display: inline;
				opacity: 0.5;
			}
			.jck_quickview .thumbnails a:first-child {
				opacity: 1;
			}
				.jck_quickview .thumbnails a img {
					width: 100%;
					height: auto;
				}
		
		.jck_quickview .summary a.viewProduct {
			margin: 30px 0 0;
		}
		
	@media all and (max-width: 800px) {
		
		.jck_quickview .images {
			width: 40%;
		}
		.jck_quickview .summary {
			width: 55%;
		}
		
	}
	
	@media all and (max-width: 600px) {
	
		.mobView {
			display: block;
		}
		
		.summary h1,
		.summary .price {
			display: none;
		}
		
		.jck_quickview .images,
		.jck_quickview .summary {
			float: none;
			width: 100%;
		}
		
		.jck_quickview .thumbnails {
			margin-bottom: 20px;
		}
		
	}