
/*****焦点图*****/
.slideContainer {
	position: relative;
	width: 100%;
	height: 160px;
	overflow: hidden;
}
.slideContainer .slides {
	position: absolute;
	left: 0;
	top: 0;
	height: 160px;
}
.slideContainer .slides li {
	float: left;
	height: inherit;
}
.slideContainer .slides li a {
	display: block;
	width: 100%;
	height: inherit;
}
.slideContainer .pagination {
	position: absolute;
	bottom: 5px;
	width: 100%;
	height: 16px;
	text-align: center;
}
.slideContainer .pagination span {
	display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 6px;
	background: url("../imgs/pagination.png") -17px 0 no-repeat;
    cursor: pointer;
}
.slideContainer .pagination span.cur {
	background-position: 0 0;
}

/*****课程*****/
.container{
	padding-top: 10px;
	min-height: 470px;
}
.container .courses{
	position: relative;
	background: #fff;
	margin-top: 20px;
}
.container .courses .title{
	background: #f5ebd7;
	height: 48px;
	margin-bottom: 20px;
}
.container .courses .title h4{
	width: 176px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #333;
	border-top: 3px solid #ffaa24;
	text-align: center;
	background: url(../imgs/icon_xz.png) 6px top no-repeat #fff;
}

.container .courses .nav{
	position: absolute;
	right:30px;
	top: 8px;
}
.container .courses .nav li{
	position: relative;	
	float: left;
	height: 40px;
	line-height: 40px;
	margin-right: -30px;
	font-size: 15px;
	color: #333;
	cursor: pointer;
}
.container .courses .nav li .leftMark{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 40px;
	background: url(../imgs/icon_mark.png) 0 0 no-repeat;
}
.container .courses .nav li .rightMark{
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 40px;
	background: url(../imgs/icon_mark.png) -60px 0 no-repeat;
}
.container .courses .nav li span{
	position: relative;
	float: left;
	margin: 0 44px;
	background: #c4d6fe;
	z-index: 20;
}
.container .courses .nav .active{
	position: relative;
	z-index: 10;
}
.container .courses .nav .active .leftMark{
	background-position: -120px 0;
}
.container .courses .nav .active .rightMark{
	background-position: -180px 0;
}
.container .courses .nav .active span{
	background: #fff;
}

.container .courses .courseList{
	width: 1150px;
	margin: 0 auto;
	overflow: hidden;
}
.container .courses .courseList .course{
	margin-bottom: 15px;
} 
.container .courses .course .subTitle{
	height: 38px;
	line-height: 38px;
	border: 1px solid #edefff;
	background: #f0f1ff;
} 
.container .courses .course .subTitle h5{
	float: left;
	margin-left: 28px;
	font-size: 15px;
	font-weight: normal;
	color: #333;
	text-indent: 22px;
	background: url(../imgs/icon_book.jpg) left center no-repeat;
}
.container .courses .course .subTitle a{
	float: right;
	width: 92px;
	height: 26px;
	line-height: 26px;
	margin: 6px 10px 0 0;
	font-size: 15px;
	color: #fff;
	text-align: center;
	background: #5987ed;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.container .courses .course .subTitle a:hover{
	background: #0d3387;
}
.container .courses .course ul{
	width: 96%;
	margin: 15px auto 0;
	zoom: 1;
}
.container .courses .course ul:after{
	display: block;
	content: '';
	height: 0;
	clear: both;
	visibility: hidden;
}  
.container .courses .course ul li{
	float: left;
	width: 25%;
	height: 35px;
	line-height: 35px;
}
.container .courses .course ul li a{
	font-size: 16px;
	color: #666;
}
.container .courses .course ul li a:hover{
	color: #ffad2b;
	text-decoration: underline;
}