/************************内容框*************************/
.main-content{width: 1200px;margin: 0 auto;padding: 10px 0;}
.main-content-title{width:1200px;margin:0 auto;border-bottom:2px solid #00a1e9;padding:13px 0;height:25px;line-height:25px;}
.main-content-title-p{width: 200px;float: left;font-size: 16px;color: #333;margin-left: 25px;}
.main-content-title-lookMore{cursor:pointer;width: 50px;float: right;font-size: 16px;color: #333;margin-right: 25px;}
.main-content-title-lookMore:hover{color: #00a1e9;}
.main-content-body{width: 1200px;margin:0 auto;}

/***********************最新活动***********************/
.newActivity{}
.newActivity ul{ margin: 40px 12px 50px 40px; display: block; overflow: hidden;}
.newActivity ul li{ position: relative; z-index: 1; width: 260px;height: 260px;float: left;margin-right: 25px;cursor: pointer;}
:root .newActivity ul li{ position: relative;}
.newActivity-title{position: absolute;width:90%;padding:0 5%;bottom:0;background: url(../../img/common/background_wall.png);height: 40px;line-height: 40px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #fff;font-size: 14px;}
:root .newActivity-title {}
.newActivityBox{ width: 260px; height: 260px;float: left;position: relative;display: block; overflow: hidden; margin-right: 25px;}
.newActivityTit{ position: absolute; top: 220px; z-index: 999; width: 90%; padding: 0 5%;} 

:root .newActivity ul li:hover{
			-webkit-animation: bigger 1s ease infinite alternate;
			-moz-animation: bigger 1s ease infinite alternate;
			-ms-animation: bigger 1s ease infinite alternate;
			animation: bigger 1s ease infinite alternate;;
			}

/***********************琴韵名师***********************/
.starTeacherDiv{}
.starTeacherDiv ul li{ position: relative; z-index: 1; width: 530px;height: 165px;float: left;margin-left: 40px;padding-top: 30px;}
.teacherHeader{position: absolute;z-index:1;width: 120px;height: 120px;left: 0;overflow: hidden;border: 3px solid #fff;}
:root .teacherHeader {-moz-border-radius: 50%;border-radius: 50%;-webkit-border-radius: 50%;border: 3px solid #fff;-moz-box-shadow: 2px 2px 5px #888888;box-shadow: 2px 2px 5px #888888;}
:root .teacherHeader img{min-height: 120px;}
.teacherContent{position:absolute;width: 385px;height: 200px;left: 145px;overflow: hidden;}
.teacherContent:nth-child(1){}
.teacherContent .teacherContentTop{ line-height: 24px;width: 100%;height: 30px;}
.teacherContent .teacherContent-teacherName{ float:left;color: #333;font-size: 16px;margin-right: 20px;}
.teacherContent .teacherContent-teacherType{ float:left;color: #999;font-size: 14px;padding-bottom: 5px; }
.teacherContent .teacherContent-detail{ height:55px;color: #999;font-size: 12px;line-height:1.5em;margin-top: 5px;width: 100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;text-indent: 2em;}
.commentBoxLevel{border-bottom: 2px solid #009944; overflow: hidden; line-height: 36px; margin-bottom: 12px;} 
.commentBoxLevel .commentBoxStar i{ margin-right: 5px;width: 21px; height: 21px; display: block; float: left;}
.commentBoxLevel .listBoxStarIcon001{background:url(/assets/img/icon/icon_stars_001.png) no-repeat center;}
.commentBoxLevel .listBoxStarIcon.teacherContent.teacherContent002{background:url(/assets/img/icon/icon_stars_002.png) no-repeat center;}
.commentBoxLevel .listBoxStarIcon003{background:url(/assets/img/icon/icon_stars_003.png) no-repeat center;}
.fontGray{font-size: 16px; color:#999;float: left; font-size: 14px;}

/*************************才艺和新闻*********************************/
.talentDiv{width: 812px;float: left;height:600px;overflow: hidden;}
.talentDiv-title{width: 100%;margin:0 auto;border-bottom:2px solid #00a1e9;padding: 5px 0;padding-bottom: 15px;height: 25px;line-height:25px;}
.talentDiv-title-p{ line-height:25px;width: 200px;float: left;font-size: 16px;color: #333;margin-left: 25px;}
.talentDiv-title-lookMore{cursor:pointer;width: 50px;float: right;font-size: 16px;color: #333;margin-right: 25px;}
.talentDiv-title-lookMore:hover{color: #00a1e9;}
.talentDiv-content{width:100% ; margin: 15px 0;}
.talentDiv-content ul li{position:relative;z-index:1;-moz-box-shadow:0px 2px 5px #f2f2f2;box-shadow: 0px 2px 5px #f2f2f2;width: 245px;height: 230px;float: left;background: #f8f8f8;margin: 10px 0 15px 20px;}
.model-cool{display:none;position: absolute;z-index:2;width: 245px;height: 155px;background: url(../../img/common/background_wall.png);left: 0;top: 0;}
.icon-youku{position: absolute;top: 30%;left: 50%;margin: 0 0 0 -20px;}
.talentPic{cursor: pointer;width: 245px;height: 155px;overflow: hidden;}
.talentIntroduction{width: 90%;height: 45px;position: absolute;left: 5%;}
.talentIntroductionTilte{margin: 15px 0 10px 0;font-size: 16px;color: #333333;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.talentIntroductionInfo{font-size: 14px;color: #999;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
:root .talentPic:hover .model-cool{display: block;}
.commentBoxStar{width: 135px;float: left;margin-top: 5px;display: block;overflow: hidden;}
/*****************新闻***************************/
.newsDiv{width: 340px;float: right;overflow: hidden;}		
.newsDiv-main{width: 100%; margin-top: 20px;}
.newsDiv-main ul li{width: 100%;margin-top: 23px;position: relative;height: 28px;line-height: 28px;color: #333;cursor: pointer;}
.numDiv{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color: #fff;position: absolute;top: 4px;background: #bbbbbb;}
.num-1-bg{background: #ed4000;}
.num-2-bg{background: #ff7316;}
.num-3-bg{background: #ff9900;}
.newsTitle{width: 300px;left: 30px;position: absolute;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsTitle:hover{color: #0093D4;}






@-moz-keyframes bigger {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes bigger {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes bigger {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}