#box {
    height:550px;
    width:100%;
    overflow:hidden;
    position:relative;
    margin-bottom: 30px;
    display: inline-block;
}
.advs {
    display: inline-block;
    list-style:none;
    float:left;
    position:absolute;
    transition:left 1s;
}
.advs img{
    width:100%;
    height: 550px;
}
.advs li {
    float:left;
}
.icons {
    width:300px;
    position:absolute;
    left:75%;
    bottom:8px;
    text-align:center;
}
.icons > li {
    border-radius:50%;
    display:inline-block;
    /*���������ÿ�ߣ��ֱ�����м���ǩ�����ұ�ǩ֮��Ļ��л�ת���ɿո�*/
    width:15px;
    height:15px;
    background:white;
    margin:0 5px;
}
.icons > li.curr {
    background:#CF004A;
}
.heartClassroom_title{
    line-height: 32px;
    margin-bottom: 20px;
    padding-left:5px!important;
    padding-right:5px!important;
    border-bottom: 1px solid #666666;
}
.heartClassroom_title span:nth-child(1){
    font-size: 18px;
    font-weight: bold;
    color: black;
}
.classroom_list{
	 font-size: 12px;
}
.classroom_list ul{
   height: auto;
   padding-left: 20px;
   padding-bottom: 10px;
}
.classroom_list ul li{
    line-height: 33px;
    list-style: disc;
}
.heartClass_col,.classroom_list{
	padding-left:5px!important;
}
.classroom_list{
	padding-right:20px!important;
}
.more_heartClassroom{
	font-size: 14px;
}
.heartClassroom_pic{
    width: 100%;
    height: 260px;
}
.heartClassroom_pages_box{
    display: none;
}
.heartClassroom_pages ul li button{
    padding: 5px 10px 5px 10px;
    margin-left: 10px;
    text-align: center;
    border: 1px solid #666666;
}
.ad{
    height: 350px;
}
/*适应手机端760px以下 */
@media screen and (max-width: 760px){
	#box{
		height:400px;
	}
	.row .col-xs-offset-2{
		margin-left:0%;'
	}
	.heartClassroom_row .col-xs-2{
		width:0%;
		display:none;
	}
	.row .heartClass_col{
		width:0%;
		display:none;
	}
	.heartClassroom_row .col-xs-8{
		width:100%;
	}
	.row .classroom_list{
		width:100%;
	}
	.heartClassroom_content{
		padding:0 7%;
	}
	.title_box2{
		padding:0 7%;
	}
	.heartClassroom_title{
		padding-bottom:10px;
	}
	.classroom_list ul li{
		line-height:50px;
		list-style:none;
	}
	.classroom_list ul li a{
		display:inline-block;
		width:75%;
		white-space:nowrap; 
		text-overflow:ellipsis; 
        overflow: hidden;
	}
	img.nav_local{
		width:20px;
		height:25px;
	}
}