.preview-box{
			position: fixed;
			top: 0;
			left: 0;
			display: none;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.6);
			z-index: 999;
		}
		.preview{
			position: relative;
			width: 100%;
			height: 100%;			
			margin: auto;
		}
		.preview-ul{
			width: 100%;
			height: 100%;			
			font-size: 0;
			overflow: hidden;
			white-space: nowrap;
		}
		.preview-ul li{
			display: inline-block;			
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.46);
			overflow: auto;
			text-align: center;
		}
		.preview-ul li span{
			display: inline-block;	
			width: 0;
			height: 50%;
		}
		.preview-ul li img{
			vertical-align: middle;
			width: 50%;
			transform: rotate(0);
		}
		.carousel-control{
			width: 10%;
		}
		.carousel-control i{
			display: inline-block;
			height: 50%;
		}
		.carousel-control span{
			display: inline-block;
			width: 28px;
			height: 28px;
			border-radius:50%;
			vertical-align: middle;
		}
		.carousel-control .piece{
			background: url(../images/preview-icon01.png) no-repeat center;
			background-position: top 0 left -137px;
		}
		.carousel-control .next{
			background: url(../images/preview-icon01.png) no-repeat center;
			background-position: top 0 left -187px;
		}	
		.preview-chi{
			position: absolute;
			top: 0;
			right: 0;
			left: auto;
			color: #ffffff;
			margin: 20px 20px 0 0;
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			opacity: 0.5;
			z-index: 188;
		}
		.carousel-control .chi{
			font-size: 18px;
			display: inline-block;
			width: 100%;
			height: 100%;
		}
		.carousel-control:hover .chi{
			color: #FFFFFF;
		}
		.carousel-control.bottom{
			top: auto;
			bottom: 50px;
			width: 100%;
			opacity:1;
		}
		.carousel-control.left{
			left: 20px;
		}
		.carousel-control.right{
			right: 20px;
		}
		.carousel-control.bottom span{
			margin-left: 10px;
			opacity:0.5;
		}
		.carousel-control.bottom span:hover,
		.carousel-control.bottom span:focus {
			outline: 0;
			color: #ffffff;
			text-decoration: none;
			opacity: 0.9;
			filter: alpha(opacity=90);
		}
		.carousel-control .btn-amplification{
			background: url(../images/preview-icon01.png) no-repeat center;
			background-position: top 2px left -4px;
		}
		.carousel-control .btn-narrow{
			background: url(../images/preview-icon01.png) no-repeat center;
			background-position: top 2px left -49px;
		}
		.carousel-control .btn-rota{
			background: url(../images/preview-icon01.png) no-repeat center;
			background-position: top 2px left -92px;
		}