﻿		.preveiw-pic-mask{width: 100%; height: 100%;background: rgba(0,0,0,0.9);position: relative;z-index:100;}
		
		@media (max-width: 768px){
			.big-pic-wrap{width: 100%;height: 80%;position: absolute;}

		}
		@media (min-width: 769px) {
			.big-pic-wrap{width: 70%;height: 80%;position: absolute;}
		
		}
		
		.big-pic-wrap .pic-holder{width: 100%;margin: 0 auto; text-align: center;}
		.big-pic-wrap .pic-holder img{width: 100%;height:auto;}
		.preveiw-pic-mask .close-btn{display: block;width: 26px;height: 26px;background: url(images/close_btn01.png);right: 25px;top: 25px;position: absolute;}
		.big-pic-wrap .btn-wrap{width: 100%;margin: 0 auto;text-align: center;}
		.big-pic-wrap .btn-wrap a{display: inline-block;width: 40px;height: 40px;line-height: 40px;border:1px solid #fff;border-radius: 3px;margin: 15px 5px 0;vertical-align: middle;}
		.big-pic-wrap .btn-wrap a:hover{background: rgba(255,255,255,0.8);}
		.big-pic-wrap .btn-wrap a i{width: 32px;height: 32px;display:inline-block;background: url(images/webchat_edit_sp01.png);margin-top: 3px;}
		.big-pic-wrap .btn-wrap .zoomIn-btn i{background-position: 0 -299px;}
		.big-pic-wrap .btn-wrap .zoomIn-btn:hover i{background-position: -32px -299px;}
		.big-pic-wrap .btn-wrap .zoomOut-btn i{background-position: -64px -299px;}
		.big-pic-wrap .btn-wrap .zoomOut-btn:hover i{background-position: -96px -299px;}
		.big-pic-wrap .btn-wrap .rotateLeft-btn i{background-position: 0 -331px;}
		.big-pic-wrap .btn-wrap .rotateLeft-btn:hover i{background-position: -32px -331px;}
		.big-pic-wrap .btn-wrap .rotateRight-btn i{background-position: -64px -331px;}
		.big-pic-wrap .btn-wrap .rotateRight-btn:hover i{background-position: -96px -331px;}
		.big-pic-wrap .btn-wrap .text-btn{width: auto;padding: 0 10px;color: #fff;text-decoration: none;}
		.big-pic-wrap .btn-wrap .text-btn:hover{color: #000;}
		

		.check-sel{display: inline-block;color: #fff;cursor: pointer;margin: 0 6px;border:1px solid #fff;height: 42px;border-radius: 3px;padding: 0 6px;z-index: 1000;position: relative; top: 2px;}
		.btn-wrap .check-sel i{width: 16px;height: 16px;display: inline-block;border:1px solid #fff;border-radius: 2px;margin-right: 5px;}
		.btn-wrap .check-sel.selected i{background-image:url(images/webchat_edit_sp01.png);background-position: -64px -32px; background-color: #fff}
		.btn-wrap .check-sel i{position: relative;top:11px}
		.btn-wrap .check-sel span{position: relative;top:9px}
		@media (min-width: 1199px) {
			.big-pic-wrap .pic-holder img{width: auto;height:auto;}
			.big-pic-wrap .prev-btn,.big-pic-wrap .next-btn{display: block;width: 22px;height: 42px;background-color: #ddd;position: absolute;top:50%;background: url(images/webchat_edit_sp01.png);}
			.big-pic-wrap .prev-btn{left:-35px;background-position: -94px 0;}
			.big-pic-wrap .next-btn{right:-35px;background-position: -94px -82px;}					
		}
		@media (max-width: 960px) {
			.big-pic-wrap .prev-btn,.big-pic-wrap .next-btn{top:30%}
			.big-pic-wrap .prev-btn,.big-pic-wrap .next-btn{display: block;width: 22px;height: 42px;background-color: #ddd;position: absolute;top:50%;background: url(images/webchat_edit_sp01.png);}
			.big-pic-wrap .prev-btn{left:-35px;background-position: -94px 0;}
			.big-pic-wrap .next-btn{right:-35px;background-position: -94px -82px;}		
		}
		@media (max-width: 962px and min-width: 1199px){
			.big-pic-wrap .prev-btn,.big-pic-wrap .next-btn{display: block;width: 22px;height: 42px;background-color: #ddd;position: absolute;top:50%;background: url(images/webchat_edit_sp01.png);}
			.big-pic-wrap .prev-btn{left:-35px;background-position: -94px 0;}
			.big-pic-wrap .next-btn{right:-35px;background-position: -94px -82px;}		
		}
		@media (max-width: 768px){
			.big-pic-wrap .prev-btn,.big-pic-wrap .next-btn{top:18%} 
			.big-pic-wrap .prev-btn,.big-pic-wrap .next-btn{display: block;width: 22px;height: 42px;background-color: #ddd;position: absolute;top:50%;background: url(images/webchat_edit_sp01.png);}
			.big-pic-wrap .prev-btn{left:35px;background-position: -94px 0;}
			.big-pic-wrap .next-btn{right:35px;background-position: -94px -82px;}	
			
		}
		
		.big-pic-wrap .next-btn{z-index:20}
		.big-pic-wrap .prev-btn{z-index:20}		