/* CSS Document */

.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height: 614px;  /*图片高度*/
	overflow: hidden;
	zoom: 1;
}
.classname{
	display:block;
	position:absolute;
	overflow:hidden;
	top:50px;
	left:8%;
	height:370px;
	width:400px;
	background:url(../image/proclass.png) no-repeat left top;
}
.classname li{
	width:120px;
	height:170px;
	margin-right:8px;
	border:2px solid #fff;
	float:left;
	font-size:14px;
	margin-top:10px;
}
.classname li a{
	text-align:center;
	border-top:1px solid #fff;
	color:#fff;
	display:block;
	width:85px;
	margin:120px auto 0px;
	line-height:20px;
	padding-top:5px;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 56px;   /*切换按钮宽度*/
	height: 56px;  /*切换按钮宽度*/
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background:url(../image/dot.png) no-repeat 0px 0px;  /*按钮图片*/
	position: absolute;
	top:45%;  /*切换按钮垂直位置*/
	z-index: 10;
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: -56px 0px;  /*下一张按钮图片位置*/
	right:0%;
}

.flex-direction-nav .flex-prev {
	left:0%;      /*上一张按钮位置*/
}
/*切换样式结束*/
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flexslider .slides a img {
	width: 100%;
	height: 614px;/*图片高度*/
	display: block;
}