@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
img{ border:none;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#333;}
body{ background-color:#eee; font-family:'微软雅黑'; font-size:14px; color:#333;}

.footer{ height:35px; padding-top:15px; background-color:#275791; color:#fff; text-align:center; border-top:#09c solid 4px; font-size:14px;}

.wrapper{ width:1000px; margin:0 auto; background-color:#eff7ff; padding-bottom:30px;}
.headWrapper{ background-color:#275791; height:65px; padding-top:9px; border-bottom:#09c solid 4px;}
.headWrapper h1{ float:left; color:#fff; font-size:24px; margin-left:20px; line-height:65px;}
.headWrapper h1 big{ font-size:24px;}
.headWrapper img{ float:right; margin-right:35px;}
.videoPlay{ width:930px; padding:0 35px;}
.videoPlay .current{ height:50px; line-height:50px; margin-top:10px; font-size:18px; background:url(../images/playNow.png) no-repeat left center; padding-left:40px; font-weight:bold;}
.videoPlay .currentSection{ height:36px; line-height:36px; margin-top:-10px; font-size:18px; font-weight:bold; padding-left:200px; }
.video{ width:924px; height:572px; background-color:#eff7fb; border:#a5d7f4 solid 3px; border-radius:3px;}
.sectionList{ width:930px; padding:0 35px;}
.listTitle{ height:50px; line-height:50px; margin-top:10px; font-size:18px; background:url(../images/playList.png) no-repeat left center; padding-left:40px; font-weight:bold;}

.chapters{ overflow:hidden;}
.chapter{ margin-bottom:10px; overflow:hidden;}
.chapter span{ width:910px; height:38px; cursor:pointer; line-height:38px; background-color:#b6b6b6; display:block; color:#fff;border-top-left-radius:5px; border-top-right-radius:5px; font-size:16px; font-weight:bold; padding-left:20px;}
.chapterOn span{ background-color:#09c;}
.sections{ width:906px; padding:20px; background-color:#fff; border:#ccc solid 2px; border-top:none; overflow:hidden; display:none;}
.chapterOn .sections{ display:block;}
.section{ float:left; width:240px; margin:20px;}
.section a{ display:block; text-align:center;}
.sectionOn a{ font-weight:bold; color:#09F}
.section .sectionTitle{ width: 240px; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); }
.section img{ width:233px; height:131px; border:#ccc solid 1px;}