.roundedHexBox{
	overflow: hidden;
	position: relative;
	height:auto;
}
.roundedHexBox>.rect{
	overflow: hidden;
	position: absolute;	
	left: 0;
	top: 50%;
	background-repeat: no-repeat;
}
.roundedHexBox>.rect>div{
	width:100%;
	height:100%;
	overflow: hidden;
	position: absolute;
}
.rect_0{
	transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);   
    -o-transform:rotate(0deg);   
    z-index: 10;
}
.rect_60{
	transform:rotate(60deg);
    -webkit-transform:rotate(60deg);
    -moz-transform:rotate(60deg);   
    -o-transform:rotate(60deg);   
}
.rect_120{
	transform:rotate(120deg);
    -webkit-transform:rotate(120deg);
    -moz-transform:rotate(120deg);   
    -o-transform:rotate(120deg);   
}
.rect_0>div{
	transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);   
    -o-transform:rotate(0deg);   
}
.rect_60>div{
	transform:rotate(-60deg);
    -webkit-transform:rotate(-60deg);
    -moz-transform:rotate(-60deg);   
    -o-transform:rotate(-60deg);   
}
.rect_120>div{
	transform:rotate(-120deg);
    -webkit-transform:rotate(-120deg);
    -moz-transform:rotate(-120deg);   
    -o-transform:rotate(-120deg);
}
.roundedHexBox>.rect>div>img{
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

.ttest{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:absolute;
	z-index:20;
	top:0
}
.maskStyle{
	/* Normal: */
	animation: maskAnimate 0.1s linear 0.01s 1 forwards;
	/* Firefox: */
	-moz-animation: maskAnimate 0.1s linear 0.01s 1 forwards;
	/* Safari 和 Chrome: */
	-webkit-animation: maskAnimate 0.1s linear 0.01s 1 forwards;
	/* Opera: */
	-o-animation: maskAnimate 0.1s linear 0.01s 1 forwards;
}
@keyframes maskAnimate /* Normal */
{
	to {
        filter: blur(3px) brightness(40%) ;
		-webkit-filter: blur(3px) brightness(40%) ;
		-moz-filter: blur(3px) brightness(40%) ;
		-o-filter: blur(3px) brightness(40%) ;
    }
}
@-moz-keyframes maskAnimate /* Firefox */
{
	to {
        filter: blur(3px) brightness(40%) ;
		-webkit-filter: blur(3px) brightness(40%) ;
		-moz-filter: blur(3px) brightness(40%) ;
		-o-filter: blur(3px) brightness(40%) ;
    }
}
@-webkit-keyframes maskAnimate /* Safari 和 Chrome */
{
	to {
        filter: blur(3px) brightness(40%) ;
		-webkit-filter: blur(3px) brightness(40%) ;
		-moz-filter: blur(3px) brightness(40%) ;
		-o-filter: blur(3px) brightness(40%) ;
    }
}
@-o-keyframes maskAnimate /* Opera */
{
	to {
        filter: blur(3px) brightness(40%) ;
		-webkit-filter: blur(3px) brightness(40%) ;
		-moz-filter: blur(3px) brightness(40%) ;
		-o-filter: blur(3px) brightness(40%) ;
    }
}