

.popMask{
	background: #000 none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    width: 100%;
    z-index: 10500;
	opacity: 0.75;
	 background: #000 none repeat scroll 0 0;
	 display:none;
}
.popPic{
	top: 50%;
    display: block;
    height: auto;
    left: 50%;
    position: fixed;
    height: 90%;
    z-index: 10560;
	background:#fff;
	display:none;
}

.wrapContainer{
	height:100%;
}

.wrapContainer .content {
    position: relative;
	display:block;
	 background:#fff;
	 height:100%;
}

.wrapContainer .content >img{
	display:block;
	width:auto;
	height:100%;
}

.wrapContainer .content >img{
	display:block;
	width:auto;
	height:100%;
}

.popPic .border{
	position:absolute;
	background:#fff;
}

.popPic .leftBorder{
	top:0px;
	left:0px;
	width:12px;
	height:100%;
}
.popPic .topBorder{
	top:0px;
	left:0px;
	width:100%;
	height:12px;
}
.popPic .rightBorder{
	top:0px;
	right:0px;
	width:12px;
	height:100%;
}
.popPic .bottomBorder{
	bottom:0px;
	left:0px;
	width:100%;
	height:12px;
}

.popPic .closePop{
	top:21px;
	right:23px;
	position:absolute;
	width:25px;
	height:25px;
	background:#nb1b74;
	color:#fff;
}

.popPic .closePop:hover{
color: #0ebae3;
}

.popPic .closePop span{
  font-size: 26px;
}

.popVideo{ 
		top: 50%;
		display: block;
		height: 495px;
		left: 50%;
		position: fixed;
		width: auto;
		z-index: 10560;
		display:none;
		width:856px;
		margin-top:-248px;
		margin-left:-428px;
}



.popVideo .border{
	position:absolute;
	background:#fff;
}

.popVideo .leftBorder{
	top:0px;
	left:0px;
	width:12px;
	height:100%;
}
.popVideo .topBorder{
	top:0px;
	left:0px;
	width:100%;
	height:12px;
}
.popVideo .rightBorder{
	top:0px;
	right:0px;
	width:12px;
	height:100%;
}
.popVideo .bottomBorder{
	bottom:0px;
	left:0px;
	width:100%;
	height:12px;
}

.popVideo .videoCloseBtn{
	right: 14px;
    top: 10px;
	position:absolute;
	width:25px;
	height:25px;
	background:#nb1b74;
	color:#fff;
}

.popVideo .videoCloseBtn:hover{
color: #0ebae3;
}



.videoContent{
	background-color: #000;
    height: 100%;
    margin: 0;
    position: relative;
    width: auto;
	border: 12px solid #fff;
}
	
.videoCloseBtn{
    height: 18px;
	width: 18px;
	right: 6px;
    top: 6px;
	overflow: hidden;
	position: absolute;
	z-index: 10613;
	cursor:pointer;
}

.dContentForVideo{
	width: 100%;
	height: 100%;
	display:block;
}

.videoAjaxContent{
	 position: relative;
	width: 100%;
	height: 100%;
	display:block;
	z-index: 10561;
}
		
.dContentForVideo .video1{
width:100%;
height:100%;
display: block;
}
.videoCloseBtn span{
font-size: 26px !important;
color:#fff;
}
@media only screen and (min-width: 0px) and (max-width: 989px) {

.popPic{
  left:0px;
  background:none;
  
}

.wrapContainer .content{
   height:auto;
}

.wrapContainer .content > img{
width:100%;
height:auto;
}
.popPic .border{
display:none;
}

.wrapContainer .content{
background:none;
}


.popMask{
opacity: 1;
}

.popPic .closePop{
right: 0;
    top: 0;
	position: fixed;
}




.popVideo{
height:auto;
top:27%;
width:100%;
margin-left:0px;
margin-top:0px;
left:0px;
}

.videoContainer{
display:block;
}
.videoLayerWrap {
    display:block;
}

.videoContent{
background-color: #000;
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
	border:none;
}
.popVideo .border{
display:none;
}
.videoCloseBtn {
    position: fixed;
    right: 2px;
    top: 2px;
	width:22px;
	height:22px;

}
.videoPaneLayerHeaderContent{
display:none;
}
.contentBlockValueForVideo{
padding:0;
}
.dContentForVideo video{
width:100%;
}

.videoCloseBtn span{
font-size: 26px !important;
color:#fff;
}

.popVideo .videoCloseBtn{
position:fixed;
right: 0;
    top: 0;
}




}
























