.aboutSchool { width: 100%; height: 945px; background-image: url(../UserImages/aboutSchool.jpg); background-repeat: no-repeat; background-size: 100% 100%; -ms-behavior: url(UserCss/backgroundsize.min.htc); behavior: url(UserCss/backgroundsize.min.htc); }
.aboutSchool .aboutSchoolBox { width: 1200px; height: 945px; margin: 0px auto; position: relative; }
.aboutSchool .aboutSchoolBox .aboutSchoolTop { width: 100%; height: 85px; }
.aboutSchool .aboutSchoolBox .aboutSchoolTop .aboutSchoolImg { width: 170px; height: 85px; background-image: url(../UserImages/aboutSchoolImg.png); background-repeat: no-repeat; }
.aboutSchool .aboutSchoolBox .aboutSchoolTop .Buddhism { display:block; width: 218px; height: 75px; background-image: url(../UserImages/BuddhismHover.png); background-repeat: no-repeat; float:left; cursor:pointer; margin:5px 0px 0px 0px; }
.aboutSchool .aboutSchoolBox .aboutSchoolTop .Christianity { display:block; width: 218px; height: 75px; background-image: url(../UserImages/ChristianityHover.png); background-repeat: no-repeat; float:left; cursor:pointer; margin:5px 0px 0px 0px; }
.aboutSchool .aboutSchoolBox .aboutSchoolTop .Buddhism:hover{background-image: url(../UserImages/BuddhismDefault.png);}
.aboutSchool .aboutSchoolBox .aboutSchoolTop .Christianity:hover{background-image: url(../UserImages/ChristianityDefault.png);}
.aboutSchool .aboutSchoolBox .aboutSchoolInfo { width: 1200px; height: 750px; position: relative; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolVideo { width: 300px; height: 750px; position: absolute; top: 10px; left: 0px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolVideo .videoList { width: 300px; height: 320px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolVideo .videoList .videoPlay { width: 300px; height: 230px; overflow: hidden; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolVideo .videoList h2 { display: block; width: 100%; height: 45px; line-height: 45px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolVideo .videoList h2 a { display: block; width: 100%; height: 45px; color: #383838; text-align: center; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolVideo .videoList h2 a:hover { color: #A56001; text-decoration: none; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle { width: 860px; height: 720px; position: absolute; top: 0px; right: 0px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList { display: block; width: 860px; height: 720px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li { width: 100%; height: 60px; border-bottom: 1px solid #D3BF99; position: relative; margin: 0px 0px 30px 0px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li h3 { width: 100%; height: 24px; line-height: 24px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li h3 i { display: block; width: 7px; height: 7px; background-image: url(../UserImages/articleList.png); position: absolute; top: 8.5px; left: 5px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li h3 a span { display: block; color: #A56001; font-size: 14px; margin: 0px 0px 0px 25px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li h3 a:hover span {font-size:16px;}
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li h3 a { text-decoration: none; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li .articleInfo {width: 845px;height: 30px;position: absolute;top: 30px;left: 15px;}
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li .articleInfo p { display: block; height: 30px; line-height: 30px; width: 700px; position: absolute; top: 0px; left: 0px; overflow: hidden; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li .articleInfo a { display: block; width: 50px; line-height: 30px; line-height: 30px; position: absolute; top: 0px; right: 80px; color: #AE1D01; cursor: pointer; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li .articleInfo a:hover { color: #A56001; text-decoration: none; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .articleList li .articleInfo span { display: block; width: 70px; height: 30px; line-height: 30px; position: absolute; top: 0px; right: 5px; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .paging { width: 300px; height: 24px; margin: 50px auto 0px; text-align: center; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .paging a { border: 1px solid #E2C89C; text-decoration: none; cursor: pointer; padding: 2px 5px; color: #9E814F; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .paging a:hover { color: #FFFFFF; background-color: #E2C89C; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .paging .choose { color: #FFFFFF; background-color: #E2C89C; }
.aboutSchool .aboutSchoolBox .aboutSchoolInfo .schoolArticle .paging span { color: #9E814F; }
.videoText { text-align: center; font-size: 16px; padding: 2px 0px 2px 0px; }