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

#aolWindow {
	
	position:relative;
	margin-left: auto;
 	margin-right: auto;
	background-color:#444;
	border-radius: 6px; 
	display:none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	visibility:hidden;
	border: 4px solid #444;
}

#aolPLoading{
	
	position:absolute;
	width: 80px;
    height: 80px;overSlide
    background: rgba(50, 50, 50, .8);
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
    top:50%;
    left:50%;
    margin-left:-40px;/* half width*/
    margin-top:-40px;/* half height*/
	visibility:hidden;
	
	}
	
#aolPPlayButton{
	
	position:absolute;
	width: 80px;
    height: 80px;
    background: rgba(50, 50, 50, .8);
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
    top:50%;
    left:50%;
    margin-left:-40px;/* half width*/
    margin-top:-40px;/* half height*/
	visibility:hidden;
	}
	
#aolPPlayButtonImg{
	
	position:absolute;
	width: 36px;
    height: 52px;
	top:50%;
    left:50%;
    margin-left:-18px;/* half width*/
    margin-top:-26px;/* half height*/
	cursor:pointer;	
	}
	
#activeLayer {

	visibility:hidden;
	
}

#blackLayer {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
	visibility:hidden;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	
}

#aolPBG{
	position:absolute;
	width:100%;
	height:100%;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	overflow:hidden;
}

#aolPBBG{
	position:absolute;
	width:100%;
	height:100%;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	overflow:hidden;
}

#aolPCB{
	display:block;
	position:absolute;
	width:96.666%;
	height:30px;
	margin-left: 1.666%;
 	margin-right: 1.666%;
	bottom:6px;
}

#aolPCBL{
	background-image:url(../img/cbContL.png);
	background-position-y: 50%;
	width: 8px;
	height:100%;
	float:left;
}
#aolPCBPP{
	background-image:url(../img/cbContB.png);
	background-position-y: 50%;
	width: 30px;
	height:100%;
	float:left;
	cursor:pointer;
}
.aolPCBPN{
	background-image:url(../img/cbContB.png);
	background-position-y: 50%;
	width: 20px;
	height:100%;
	float:left;
	cursor:pointer;
}
#aolPCBT{
	background-image:url(../img/cbContB.png);
	background-position-y: 50%;
	width: 40px;
	height:100%;
	float:left;
	font-size: 11px;
	line-height: 30px;
	font-family: Arial, sans-serif;
	color:#ddd;
	font-weight: normal;
	text-align:center;
}
#aolPCBSN{
	background-image:url(../img/cbContB.png);
	background-position-y: 50%;
	width: 40px;
	height:100%;
	float:left;
	font-size: 11px;
	line-height: 30px;
	font-family: Arial, sans-serif;
	color:#ddd;
	font-weight: normal;
	text-align:center;
}

#aolPCBSWW{
	position:relative;
	background-image:url(../img/cbContB.png);
	background-position-y: 50%;
	margin-left:158px;
	margin-right:78px;
	height:100%;
}

#aolPCBSW{
		position:absolute;
		width:100%;
		height:100%;
		
}

#aolCBFS{
	background-image:url(../img/cbContB.png);
	background-position-y: 50%;
	float: right;
	width:30px;
	height:100%;
	cursor:pinter;
}
#aolPCBD{
	background-image:url(../img/cbContB.png);
	background-position-y: 50%;
	float: right;
	width:40px;
	height:100%;
	font-size: 11px;
	line-height: 30px;
	font-family: Arial, sans-serif;
	color:#ddd;
	font-weight: normal;
	text-align:center;
}



#aolPCBR{
	background-image:url(../img/cbContR.png);
	background-position-y: 50%;
	float: right;
	width:8px;
	height:100%;
}


#aolPCBBarR{
	background-image:url(../img/timeSliderRailCapRight.png);
	background-position-y: 50%;
	float: right;
	margin-right:8px;
	width:5px;
	height:100%;
}

#aolPCBBarL{
	background-image:url(../img/timeSliderRailCapLeft.png);
	background-position-y: 50%;
	width:5px;
	margin-left:8px;
	height:100%;
	float:left;
}

#aolPCBBarB{
	background-image:url(../img/timeSliderRail.png);
	//background-color:#25B0D0;
	background-position-y: 50%;
	height:100%;
	margin-left:13px;
	margin-right:13px;
}

#aolPCBSWP{
		
	
		position:absolute;
		width:100%;
		height:100%;
		margin-left:8px;
}
	
#aolPCBSWB{
		
		position:absolute;
		width:100%;
		height:100%;
		margin-left:8px;
	
}
	
#aolPCBSWT{
		position:absolute;
		width:100%;
		height:100%;
		cursor:pointer;
}
	
#aolPCBPrgR{
	background-image:url(../img/timeSliderProgressCapRight.png);
	background-position-y: 50%;
	float:left;
	width:5px;
	height:100%;
}

#aolPCBPrgL{
	background-image:url(../img/timeSliderProgressCapLeft.png);
	background-position-y: 50%;
	width:5px;
	height:100%;
	float:left;
}

#aolPCBPrgB{
	background-image:url(../img/timeSliderProgress.png);
	background-position-y: 50%;
	height:100%;
	width:0px;
	float:left;
}

#aolPCBBufR{
	background-image:url(../img/timeSliderBufferCapRight.png);
	background-position-y: 50%;
	float:left;
	width:5px;
	height:100%;
}

#aolPCBBufL{
	background-image:url(../img/timeSliderBufferCapLeft.png);
	background-position-y: 50%;
	width:5px;
	height:100%;
	float:left;
}

#aolPCBBufB{
	background-image:url(../img/timeSliderBuffer.png);
	background-position-y: 50%;
	height:100%;
	width:0px;
	float:left;
}

#aolPCBC{
	background-image:url(../img/timeSliderThumb.png);
	background-position-y: 50%;
	width:16px;
	height:30px;
	margin-left:8px;
	//cursor:pointer;
}

#aolPFotoL1{
	position:absolute;
	width:20.161%;
	height:35.842%;
	left:4.334%;
	top:4.121%;
}
#aolPFotoL2{
	position:absolute;
	width:20.161%;
	height:35.842%;
	left:4.334%;
	top:4.212%;
	visibility:hidden;
	}

#aolPVideo{
	margin:0 auto;
	width:100%;
	height:100%;
}

#aolPVideoL2{
	position:absolute;
	width:26.612%;
	height:35.483%;
	left:2.318%;
	top:4.121%;
	display:none;
}

#aolPSlideL1{
	position:absolute;
	width:65.322%;
	height:87.096%;
	left:30.443%;
	top:4.121%;
}

#aolPSlideL2{
	position:absolute;
	width:65.322%;
	height:87.096%;
	left:32.459%;
	top:4.121%;
}

#aolPSlideImg{
	
	border:none;
}


#aolPSpeaker{
	font-family: 'Roboto Condensed', sans-serif;
	//font-size: 22px; font-size: 1.8vw;
	color:#444;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	position:absolute;
	width:26.612%;
	height:6%;
	left:2.318%;
	top:40.5%;
	background-color:rgba(255,255,255,0.3);
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	padding:0.5vw; 
	left:1.8%;
	overflow:hidden;
	white-space: nowrap;
  	text-overflow: ellipsis;
  	}

#aolPTitle{
	padding:0.5vw;
	background-color:rgba(255,255,255,0.3);
	font-family: 'Roboto', sans-serif;
	//font-size: 1.2vw;
	//line-height: 1.5vw;
	color:#444;
	position:absolute;
	width:26.4%;
	height:39%;
	left:1.8%;
	top:49%;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
}

#logText{
	margin:10px;
	width:80%;
	background-color:#666;
	font-size: 11px;
	font-family: Arial, sans-serif;
	color:#ddd;
	font-weight: bold;
	padding:5px;
	margin-left: auto;
 	margin-right: auto;
	visibility:hidden;
	}

#closeLB{
	position:relative;
	cursor: pointer;
	position:absolute;
   	top:-16px;
   	right:-16px;
	z-index:999;
	
	}

#aolPCSTH{
	position:absolute;
	top:-150px;
	width:200px;
	height:150px;
	background-color:#343434;
	border: 4px solid #444;
	
	
}

/*#aolPCSTH{
	position:absolute;
	top:-150px;
	width:200px;
	height:150px;
	background-color:#343434;
	border: 4px solid #444;
	margin: 0px 0 0 -100px;
  	left: 50%;
	
}
*/

#overSlide{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.4;
}

#aolPWarning{
	position:absolute;
	//background-color:#f00;
	width: 29%;
    height: 15%;
    left:32%;
    top:40%;
	visibility:hidden;	
}
	
#aolPWarningT1{
	position:absolute;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	//background-color:#0f0;
	color:#C5C5C5;
	left:34%;
	top:45%;
	width:140%;
}