@charset "utf-8";
/* CSS Document */

.loadingPage{
	position:fixed;
	z-index:99;
}
.logo2{
	position:absolute;
	opacity:0.5;
	left:50%;
	top:50%;
	z-index:5;
	margin:-40px 0 0 -100px;
}

.workWrap{
	position:relative;
	width:100%;
	height:100%;
	color:#FFF;
	font-size:0.75em;
	overflow:hidden;
}
.casename{
	position:absolute;
	top:30px;
	width:100%;
	text-align:center;
}
.picNum{
	position:absolute;
	left:10px;
	bottom:10px;
}
.idAuto{
	position:absolute;
	right:10px;
	bottom:10px;
	cursor:pointer;
	background:url(../images/stop.png) no-repeat right center;
	padding-right:20px;
}
.idAuto.autoPlay{
	background:url(../images/play.png) no-repeat right center;
}
.idFull{
	background:url(../images/fullscreen.png) no-repeat center;
	width:30px;
	height:30px;
	position:absolute;
	top:27px;
	right:10px;
}
.idPrev, .idNext{
	position:absolute;
	left:0px;
	top:50%;
	padding:0 10px;
	cursor:pointer;
	background:rgba(33,33,33,0.3);
	
	-webkit-transition:background 0.3s linear;
	-moz-transition:background 0.3s linear;
	-ms-transition:background 0.3s linear;
	-o-transition:background 0.3s linear;
	transition:background 0.3s linear;
}
.idNext{
	left:auto;
	right:0px;
}
.idPrev:hover, .idNext:hover{
	background:#b5975b;
}
.idPrev::before{
	content:'PREV';
	display:inline-block;
	vertical-align:middle;
}
.idNext::after{
	content:'NEXT';
	display:inline-block;
	vertical-align:middle;
}
.idPrev::after, .idNext::before{
	content:'';
	display:inline-block;
	width:30px;
	height:1px;
	background:#FFF;
	vertical-align:middle;
	margin:0 5px;
}

.idClose{
	position:absolute;
	bottom:10px;
	left:50%;
	width:100px;
	margin-left:-50px;	
	text-align:center;
	cursor:pointer;
	opacity:0.5;
	
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.idClose:hover{
	opacity:1;
}
.idClose a::before{
	content:'';
	display:block;
	margin:0px auto;
	background:#FFF;
	width:1px;
	height:30px;
}
.fotorama{
	margin:80px 100px;
}

.share{
	position:absolute;
	top:30px;
	left:10px;
}
.share a{
	display:inline-block;
	vertical-align:top;
	width:20px;
	height:20px;
	margin:0 5px;
	text-align:center;
	line-height:20px;
	border-radius:3px;
}
.share a img{
	opacity:0.5;
}
.share a:hover img{
	opacity:1;
}
.sh_to_fb:hover{
	background:#3b5998;
}
.sh_to_google:hover{
	background:#cf3f29;
}
.sh_to_print:hover{
	background:#bd081c;
}
.sh_to_twitter:hover{
	background:#55acee;
}

.fullScreen .fotorama{
	margin:0;
}
.fullScreen .idFull{
	background:url(../images/closefull.png) no-repeat center;
}
.fullScreen .share img{
	opacity:1;
}



@media screen and (max-width:960px){
	
.logo2{
	height:50px;
	margin:-25px 0 0 -62px;
}
.casename{
	top:10px;	
}
.idFull{display:none;}
.idPrev, .idNext{
	height:30px;
	width:20px;
	padding:0 0 0 8px;
	text-align:center;
	margin-top:-15px;
}
.idNext{
	padding:0 8px 0 0;
}
.idPrev::before,.idNext::after{
	display:none;
}
.idPrev::after{
	width:15px;
	height:15px;
	background:none;
	border-top:#fff solid 1px;
	border-left:#fff solid 1px;
	margin:0;
	
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.idNext::before{
	width:15px;
	height:15px;
	background:none;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	margin:0;
	
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.idClose{opacity:1;}
.idClose a::before{
	height:15px;
}
.fotorama{
	margin:0px;
}
.share{
	position:static;
	background:#222;
	height:20px;
	padding:2px 0;
	overflow:hidden;
	
}
.blackT{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:50px;
	background:rgba(33,33,33,0.3);
}
.blackB{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	background:rgba(33,33,33,0.3);
}
}
@media screen and (max-width:960px) and (orientation : landscape){
.share{
	display:none;
}	
}