.rightCon {
    background: #f00;
    margin-top: 0px;
    width: 100%;
    height: 50px;
}

.docTopRow {
    line-height: 180%;
    border-bottom: 1px solid #f3f3f3;
    text-align: left;
    background: #fafafa;
    padding-left: 0px;
}

.newsPageTitleRow {
    line-height: 180%;
    text-align: left;
    padding-left: 0px;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
}

.docPageTitleRow {
    line-height: 180%;
    text-align: left;
    padding-left: 0px;
    border: 1px solid #ddd;
    border-bottom: 0px;
    background-color: #fff;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 32px;
    padding-left: 10px;
    font-weight: bold;
}

.infoRow {
    margin-bottom: 0px;
    color: #888;
    height: 40px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 40px;
    background: #fafafa;
    padding-left: 10px;
}

.docTitle {
    font-size: 20px;
    text-align: left;
    padding: 5px;
}

.mainCon {
    text-align: left;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    min-height: 300px;
    width: calc(100% - 30px);
}

.mainConMobile {
    text-align: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mainConClient {
    text-align: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.commentHead {
    margin-left: 15px;
}

.commentCon {
    text-align: left;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 4px;
    margin-bottom: 20px;
}

.headRowRecord {
    height: 28px;
    line-height: 28px;
    background-color: #F0F0F0;
}

.docDt {
    font-size: 9pt;
    text-align: right;
    width: 130px;
}

.docDt2 {
    font-size: 9pt;
    width: 130px;
}

.docTry {
    width: 60px;
    text-align: right;
    padding-right: 5px;
}

.recordTitle {
    font-size: 10.5pt;
    padding-left: 5px;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 520px;
}

.searchArea {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.searchRet {
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.IconOrderDoc {
    padding-left: 10px;
}

.docClassName {
    display: table-cell;

}

.docName {
    display: table-cell;
    width: 300px;

}

.textAreaRow {
    float: left;
}

.inputRowTitle {
    height: 28px;
    line-height: 28px;
    border: 1px solid #CCCCCC;
    float: left;
    width: 525px;
    padding: 2px;
}

.loadingComment {
    margin-left: 15px;
    margin-top: 10px;
    clear: both;
    display: none;
    padding-bottom: 0px;
}

.commentHeadRow {
    background-color: #fcfcfc;
}

.commentHeadRow * {
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
}

.commentHeadImageArea {
    margin-right: 5px;
}

.commentNickName {
    width: 120px;
    white-space: nowrap; /* IE6 needs any width */
    overflow: hidden; /* "overflow" value must be different from "visible" */

    -o-text-overflow: ellipsis; /* Opera 9-10 */
    text-overflow: ellipsis; /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
    margin-right: 5px;
}

.commentDt {
    color: #999;
    font-size: 9pt
}

.commentHeadImage {
    height: 30px;
}

.loadMoreComment {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    clear: both;
}

.LeftSpan {
    width: 43%;
    float: left;
}

.MidSpan {
    width: 14%;
    float: left;
    text-align: center;
    margin: 0 auto;
    line-height: 180%;
    padding-top: 50px;
}

.RightSpan {
    width: 43%;
    float: left;
}

.ListTitle {
    font-size: 10.5pt;
    text-align: left;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ClassTitleRow {
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 10px;
    background-color: #f9f9f9;
}

.ClassTitle {
    font-size: 12pt;
    color: #33f
}

.docListArea {
    padding-left: 10px;
    padding-right: 10px;
}

.pageRow {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.pageNo {
    display: none;
}

.ClassDocListTitle {
    font-size: 12.5pt;
    padding-top: 15px;
    padding-bottom: 3px;
}

.tipRow {
    text-align: left;
    background-image: url(../images/hideVipConBg.png);
    height: 400px;
    background-position: -400px 0px;
    margin-top: 40px;
    display: none;
    position: absolute;
    bottom: 0px;
    height: 250px;
    width: 898px;
}

.payNote {
    padding-top: 4px;
    padding-left: 5px;
    bottom: 0px;
    position: absolute;
    height: 40px;
    font-size: 11pt;
    color: #fff;
    text-align: center;
    width: 100%;
}

.clazzTd1 {
    width: 290px;
    padding-bottom: 10px;
}

.clazzTd2 {
    width: 290px;
    padding-bottom: 10px;
}

.clazzTd3 {
    width: 290px;
    padding-bottom: 10px;
}

.clazzTd0 {
    width: 290px;
    padding-bottom: 10px;
}

.classTable1 {
    width: 290px;
    background-color: #f6f6f6;
    border: 1px solid #fff;
}

.classTable1:hover {
    border: 1px solid #ff9900;
}

.classTable2 {
    width: 290px;
    margin-left: 5px;
    background-color: #f6f6f6;
    border: 1px solid #fff;
}

.classTable2:hover {
    border: 1px solid #ff9900;
}

.classTable3 {
    width: 290px;
    margin-left: 10px;
    background-color: #f6f6f6;
    border: 1px solid #fff;
}

.classTable3:hover {
    border: 1px solid #ff9900;
}

.classTable0 {
    width: 290px;
    float: right;
    background-color: #f6f6f6;
    border: 1px solid #fff;
}

.classTable0:hover {
    border: 1px solid #ff9900;
}


.clazzPicDiv {
    width: 290px;
    margin: 0 auto;
}

.clazzPic {
    width: 290px;
}

.clazzName {
    font-size: 16px;
    padding: 5px;
    padding-bottom: 5px;
}

.clazzInfo {
    font-size: 12px;
    color: #999;
    padding-left: 5px;
    padding-bottom: 5px;
}

.clazzPrice {
    font-size: 14px;
    color: #900;
    padding: 5px;
    padding-bottom: 5px;
}

.ClassMainImg {
    width: 400px;
}

.ClassMainImgSelf {
    width: 400px;
}

.ClassMainIntro {
    left: 400px;
    width: 100%;
    height: 224px;
    padding-left: 20px;
}

.ClassMainIntro td {
    font-size: 11pt;
    padding-left: 2px;
}

.ClassTitle {
    font-size: 20pt;
    color: #363636;
    padding-top: 15px;
    padding-bottom: 10px;
}

.GrayLine {
    height: 1px;
    border-top: solid 1px #cdcdcd;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ItemLabel {
    color: #696969;
    line-height: 28px;
    height: 28px;
    width: auto;
    text-align: left;
}

.ItemLabelMulRow {
    color: #696969;
    line-height: 24px;
    height: 24px;
    width: 100px;
    vertical-align: top;
}

.ClassPrimaryCon {
    padding-bottom: 20px;
    margin-left: 30px;
    line-height: 150%;
    height: 40px;
}

.ClassPrice {
    width: 150px;
    font-size: 16pt;
    color: #ED0E40;
    font-family: Constantia;
    padding-left: 5px;
}

.ClassDiscussPrice {
    width: 150px;
    font-size: 12pt;
    color: #ED0E40;
    padding-left: 0px;
}

.ClassName {
    font-size: 18pt;
    color: #363636;
    padding-top: 15px;
    padding-bottom: 10px;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
}

.ClassName2 {
    font-size: 15pt;
    color: #fff;
    height: 47px;
    line-height: 47px;
    float: left;
}

.ClassNameRow {
    height: 36px;
    line-height: 36px;
}

.StarInfo {
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.ClassTeacher {
    float: left;
    color: #efefef;
    height: 48px;
    line-height: 48px;
}

.StarImg {
    float: left;
    width: 12px;
    padding-top: 19px;
}

.JoinStudyRow {
    height: 36px;
    line-height: 36px;
    margin-top: 5px;
}

.runningTip {
    padding-top: 25px;
    font-size: 12pt;
    padding-bottom: 15px;
    font-family: ΢���ź�, Trebuchets MS, Verdana, ����, ����ϸ��;
}

.runningOk {
    padding-top: 5px;
    font-size: 10.5pt;
    height: 30px;
    line-height: 30px;
    padding-bottom: 25px;
}

#mask {
    display: none;
    background: #d9d9d9;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}


.infoRow img {
    vertical-align: middle;
}

.docAuthor, .docComeFrom, .docPriceInfo, .typeInfo, .priceInfo {
    color: #33a;
    padding-right: 15px;
}

.DocPrice {
    color: #a33;
}

.classTopRow {
    height: 50px;
}

.classBottomRow {
    height: 30px;
}

.indexNum {
    margin-right: 5px;
}

.btnSubmitComment {
    border: 1px solid #bbb;
    height: 36px;
    line-height: 36px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #eeffee;
    text-align: center;
    width: 100px;
}

.videoArea {
    width: 898px; /* 减去2个像素的边框 */
    padding-top: 5px;
    padding-bottom: 0px;
    background-color: #333;
    position: relative;
}

.videoNote {
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #efe;
    color: #000;
    padding-left: 10px;
}

.tblVideoContailner {
    padding: 0px;
    background-color: #fff;
}

.tblVideo {
    width: 1198px;
}

.tryRead {
    float: right;
    padding-right: 4px;
    color: #393;
}

.mainArea {
    background-image: url('../images/mainBg.png');
    background-repeat: repeat-x;
}

.btnJoinStudy {
    height: 40px;
    line-height: 40px;
    padding: 8px 12px;
    border-radius: 20px;
    background-color: #C42810;
    color: #fff;
    border: 1px solid #AA200B;
}

.docDetailAd1 {
    width: 280px;
}

.btnUploadWord {
    margin-top: 10px;
    margin-bottom: 5px;
}