.previewer{cursor:pointer;background:rgba(0,0,0,0.3);width:100%;height:100%;position:fixed;z-index:1000}.previewer p{display:inline-block;margin:15px 20px 0;padding:0;width:32px;height:32px;background:url(../image/3d-button.png) 0;cursor:pointer}.previewer .prev{background-position:0 0;margin-top:-40px}.previewer .next{background-position:-32px 0;margin-top:-40px}.previewer .play{background-position:-64px 0}.previewer .pause{background-position:-96px 0}.previewer .close{margin:10px 10px 0;background-position:100% 0;float:right;z-index:100;position:relative}.previewer .prev:hover{background-position:0 -32px}.previewer .next:hover{background-position:-32px -32px}.previewer .play:hover{background-position:-64px -32px}.previewer .pause:hover{background-position:-96px -32px}.previewer .close:hover{background-position:100% -32px;float:right}.previewer>div{width:32px;height:32px;left:50%;top:50%;margin:-16px 0 0 -16px;position:fixed;border-radius:0;background:#f0f0f0;overlow:hidden;border:10px solid #fff;background:#f0f0f0 url(/image/loading.gif) center center no-repeat}.previewer .loading{border-radius:100px;width:32px;height:32px}.previewer .loading *{display:none}.previewerout{width:100%;height:100%;background:#999 center center no-repeat;background-size:cover}

.previewer>.message{
	left:50%;
	top:50%;
	margin-top:-100px;
	margin-left:-200px;
	max-width:400px;
	width:100%;
	height:170px;
	background:#ffffff;
}

.previewer>.message h3{padding-bottom:20px;}
.previewer>.message>div{padding:40px;}