/*main container*/
.background{background:#000;opacity:0.2;position:absolute;top:0;left:0;width:10000px;height:10000px;display:none;z-index:10000;}
.slideoutcontainer{background:#000;color:#999;width:676px;height:520px;z-index:100000;margin-bottom:10px;}
.slidecontainer{position:relative;}
.titlepanel{position:absolute;width:100%;z-index:1000000;top:0;left:0;height:30px;line-height:30px;font-size:18px;}
span.index{color:#eee;float:right;height:30px;line-height:30px;margin-right:10px;}
.bx-wrapper .bx-viewport{background:transparent;border:0;box-shadow:none;left:0;}

.bx-wrapper .bx-pager {bottom: -95px;height:100px;overflow: hidden;white-space: nowrap;}
.bx-wrapper li{text-align:center;height:450px;line-height:450px;}  
.bx-wrapper img{display:inline;max-height:450px;max-width:676px;vertical-align:middle;}  
.bx-wrapper .bx-pager a { border: solid #ccc 1px;display: block;margin: 0 5px;padding: 3px;}
  
.bx-wrapper .bx-pager a:hover,
.bx-wrapper .bx-pager a.active {border: solid #5280DD 1px;}
  
.bx-wrapper { margin-bottom: 0px;}

.wrapper{background-color:#333333;color:White;width:350px;height:520px;position:absolute;right:-350px;top:0;display:none;z-index:999}
.innerwrapper{position:relative;}
.wrapper .social{margin:5px 0 10px 5px;height:30px;overflow:hidden;}
.wrapper .desc{height:200px;overflow:auto;line-height:18px;font-size:14px;margin:0 10px 10px 10px;}
.wrapper .ad{margin-left:25px;width:300px;height:250px;border:1px solid #555;}

/*pager*/
.pagercontainer {position:relative;overflow:hidden;border-top:1px solid #555;height:80px;}
	
.custompager{position:absolute;white-space: nowrap; padding:3px;margin:auto;margin-top:5px;}
.custompager img{width:75px;height:50px;border:1px solid #555;}	
.custompager a {display: inline-block;margin: 0 5px;padding: 0px;}
.custompager a:hover img, .custompager a.active img {border: 1px solid #aa0000;}	

.pagercontainer .prev, .pagercontainer .next{
	position: absolute;
	top: 25px;
	width: 16px;
	height: 22px;
	text-indent: -9999px;
	z-index: 9999;
}
.pagercontainer .prev{
	left: 0;
	background: url("images/arrow-buttons.png") no-repeat scroll -52px -60px transparent;
}
.pagercontainer .next{ 
	right: 0;
	background: url("images/arrow-buttons.png") no-repeat scroll -76px -4px transparent;
}

.pagercontainer .prev:hover {
	background-position: -22px -60px;
}

.pagercontainer .next:hover {
	background-position: -106px -4px;
}