body {
	margin: 0;
	padding: 0;
	background:#000;
	height:50%!important;
}
.header{
	width:auto;
	height:40px;
	overflow:hidden;
	background:#000;
}
.header .left{
	float:left;
}

.header .right{
	float:right;
}
.bx-custom-pager{
	bottom: -60px !important;
}
.bx-custom-pager .bx-pager-item{
	float:left;
	margin:10px 3px;
	width:60px;
	height:35px;
}
.bx-pager-item .active img{
	opacity: 0.3
}
.bx-prev{
	position:absolute;
	left:-60px!important;
	top:40%!important;
	width:27px;
	height:94px;
}

.bx-next{
	position:absolute;
	left:660px;
	top:40%!important;
	width:27px;
	height:94px;
}
.wrap{
	position:relative;
	width:640px!important;
	height:400px!important;
	margin:150px auto;
}

.bx-wrapper .bx-pager a.active {
	display:block;
	border: solid #f00 1px;
}
.name{
	color:#fff;
}
@media (max-width: 640px) {
	.bx-custom-pager{
		bottom: -20% !important;
	}
	.bx-custom-pager .bx-pager-item{
		float:left;
		margin:3px;
		padding:0;
		width:auto;
		height:auto;
	}
	.bx-custom-pager .bx-pager-item img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.bx-prev{
		position:absolute;
		left:0!important;
		top:30%!important;
		width:27px;
		height:94px;
	}
	
	.bx-next{
		position:absolute;
		left:92%;
		top:30%!important;
		width:27px;
		height:94px;
	}
	.wrap{
		position:relative;
		width:auto!important;
		height:auto!important;
		margin:30px auto;
		-moz-box-shadow: 30px 30px 30px #f00;　/* Firefox用 */  
		-webkit-box-shadow: 30px 30px 30px #f00;　/* Safari,Google Chrome用 */
		box-shadow: 30px 30px 30px #f00;
	}
	.bx-wrapper .bx-pager a {
		display:block;
		border: solid #000 1px;
	}

	.bx-wrapper .bx-pager a.active {
		display:block;
		border: solid #f00 1px;
	}

}

@media (max-width: 320px) {
	.bx-prev{
		position:absolute;
		left:0!important;
		top:30%!important;
		width:27px;
		height:94px;
	}
	
	.bx-next{
		position:absolute;
		left:89%;
		top:30%!important;
		width:27px;
		height:94px;
	}

	.bx-custom-pager{
		bottom: -50%!important;
	}
}