@charset "utf-8";
/* CSS Document */

.slide_picwrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.slide_picwrap img {
	border: none;
	border-radius: 4px
}

.left_arrow {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 27px;
	height: 44px;
	transform: translateY(-50%);
	text-align: center;
	transition: .2s
}

.right_arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 27px;
	height: 44px;
	transition: .2s;
	transform: translateY(-50%);
	text-align: center
}

.left_arrow a,
.right_arrow a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: .5;
	filter: Alpha(opacity=50)
}

.left_arrow a::after {
	content: "\e841";
	font-family: iconfont;
	color: #fff;
	font-size: 30px
}

.right_arrow a::after {
	content: "\e840";
	font-family: iconfont;
	color: #fff;
	font-size: 30px
}

.left_arrow a:hover,
.right_arrow a:hover {
	opacity: .8;
	filter: Alpha(opacity=80)
}

.slide_picwrap a {
	border: none;
	display: block;
	zoom: 1;
	float: left;
	height: 100%
}

.slidePanel {
	position: absolute;
	height: 28px;
	bottom: 10px;
	width: 100%;
	right: 0;
	z-index: 1;
	overflow: hidden;
	zoom: 1
}

.panelMask {
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	overflow: hidden;
	opacity: .4;
	z-index: -1
}

.panelTitle {
	display: none;
	position: absolute;
	color: #fff;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	padding-left: 20px;
	font-size: 16px;
	z-index: 1;
	zoom: 1;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Arial, Helvetica, sans-serif
}

.slide_nav {
	width: 100%;
	position: absolute;
	font-weight: 600;
	font-size: 10px;
	top: 10px;
	font-family: Verdana, Geneva, sans-serif, tahoma;
	z-index: 9;
	text-align: center;
	float: right
}

.slide_nav a {
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	height: 8px;
	width: 8px;
	margin: 0 4px;
	overflow: hidden;
	text-indent: 10em;
	background-color: rgba(0, 0, 0, .3);
	box-shadow: 0 0 1px #000
}

.slide_nav a.hot,
.slide_nav a:hover {
	background-color: rgba(255, 255, 255, .8)
}


.none{display:none;}

.index_slide{position:relative; width:662px; height:380px;}
.slide_picwrap img{ width:662px; height:380px; border:0;}