﻿/**/
.playPwBox{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.7);
	z-index:-1;
	opacity:0;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	}
.playPwBox.show{
	z-index:999999;
	opacity:1;
	}
.playPwBoxC{
	position:absolute;
	top:50%;
	left:50%;
	width:600px;
	height:600px;
	margin:-300px 0 0 -300px;
	z-index:99;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	transform:scale(0.0001);
	-webkit-transform:scale(0.0001);
	opacity:0;
	}
.playPwBox.show .playPwBoxC{
	transform:scale(1);
	-webkit-transform:scale(1);
	opacity:1;
	}
.playPwBox.show .playPwBoxC.atL{
	animation:amt 1s 1;
	-webkit-animation:amt 1s 1;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	}
.playPwBox.show .playPwBoxC.atR{
	animation:amt2 1s 1;
	-webkit-animation:amt2 1s 1;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	}
/*动画2*/
@keyframes amt
{
25% {transform:translateX(-100px); -webkit-transform:translateX(-100px);opacity:0}
50% {transform:translateX(100px); -webkit-transform:translateX(100px);opacity:0}
100% {transform:translateX(0px); -webkit-transform:translateX(0px);opacity:1}
}
/* Safari and Chrome */
@-webkit-keyframes amt 
{
25% {transform:translateX(-100px); -webkit-transform:translateX(-100px);opacity:0}
50% {transform:translateX(100px); -webkit-transform:translateX(100px);opacity:0}
100% {transform:translateX(0px); -webkit-transform:translateX(0px);opacity:1}
}
@keyframes amt2
{
25% {transform:translateX(100px); -webkit-transform:translateX(100px);opacity:0}
50% {transform:translateX(-100px); -webkit-transform:translateX(-100px);opacity:0}
100% {transform:translateX(0px); -webkit-transform:translateX(0px);opacity:1}
}
/* Safari and Chrome */
@-webkit-keyframes amt2 
{
25% {transform:translateX(100px); -webkit-transform:translateX(100px);opacity:0}
50% {transform:translateX(-100px); -webkit-transform:translateX(-100px);opacity:0}
100% {transform:translateX(0px); -webkit-transform:translateX(0px);opacity:1}
}

.playPwBoxC img{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	}
.playPwBoxC span{
	display:block;
	background:rgba(0,0,0,0.7);
	position:absolute;
	width:100%;
	bottom:0;
	height:80px;
	line-height:80px;
	text-align:center;
	font-size:18px;
	color:#fff;
	z-index:11;
	}
.playPwBoxC .pbBt{
	display:block;
	width:51px;
	height:51px;
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top:-25px;
	z-index:22;
	}
.playPwBoxC .pbBt.pn_prev{left:10px;background:url(../images/icon22.png) no-repeat center center}
.playPwBoxC .pbBt.pn_next{right:10px;background:url(../images/icon23.png) no-repeat center center}
.playPwBoxC .pbBt.pn_prev.nbg{left:10px;background:url(../images/icon22.png) no-repeat center center !important}
.playPwBoxC .pbBt.pn_next.nbg{right:10px;background:url(../images/icon23.png) no-repeat center center !important}

.playPwBoxC .pbBt.pn_prev:hover{background:url(../images/icon22H.png) no-repeat center center}
.playPwBoxC .pbBt.pn_next:hover{background:url(../images/icon23H.png) no-repeat center center}
.playPwBoxC .btn{
	width:43px;
	height:43px;
	background:url(../images/icon24.png) no-repeat center center;
	position:absolute;
	right:10px;
	top:-50px;
	z-index:111;
	cursor:pointer;
	}