.carousel .banner-inner { position: absolute; bottom: 9%; width: 100%; height: 80px; color: #fcfcfc; } .carousel .banner-inner h2 { font-size: 16px; font-weight: normal; text-indent: 12px; color: #fcfcfc; position: relative; z-index: 8; } .carousel .banner-inner a { color: #fcfcfc; } .carousel .banner-inner p { position: relative; z-index: 8; } .carousel .banner-inner .bg { position: absolute; top: 0; width: 100%; height: 100%; display: block; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 7; } .carousel { background: #F6F6F6; } .school-theme .header-top { background: #F6F6F6; } .content { background: #F6F6F6; } .video-page.grayDarker { background: #222; } .school-theme #header .header-top .container { line-height: 50px; } .school-theme .search_panel .navbar-search { top: 20px; } .navbar-inner.blue { background: #303542; } .box { margin-top: 0; border-color: #E1E1E1; background: #fcfcfc; } .box .head { background: transparent; } .mbox.skyblue .head .title { background: url("images/skyblue_header.gif") no-repeat left center; } .mbox.skyblue .head .more { background: #02CFEF; } .mbox.yellow .head .title { background: url("images/yellow_header.gif") no-repeat left center; } .mbox.yellow .head .more { background: #FFC600; } .mbox.red .head .title { background: url("images/red_header.gif") no-repeat left center; } .mbox.red .head .more { background: #E63F1F; } .mbox.green_blue .head .title { background: url("images/green_blue_header.gif") no-repeat left center; } .mbox.green_blue .head .more { background: #06B1B3; } .mbox.green_blue, .mbox.yellow, .mbox.skyblue, .mbox.red { background: transparent; } .mbox .head { position: relative; background: transparent; height: 30px; } .mbox .head.gray-head { background: #E3E3E3; } .box .head .title, .mbox .head .title { float: none; } .box .head .more, .mbox .head .more { float: none; } .mbox .head .sub-title { position: absolute; top: 0; left: 100px; } .mbox .head .title { background: url("images/green_header_long.gif") no-repeat left center; height: 40px; width: 120px; position: relative; left: -10px; } .mbox .head .title a { text-indent: 10px; font-weight:normal; } .mbox .head .more { position: absolute; right: 0; background: #06B1B3; width: 50px; height: 30px; margin-right: 0; text-align: center; top: 0; } .mbox .body { padding-top: 10px; } .sub-titlelist li { line-height: 30px; } .sub-titlelist li a{ padding:6px 20px; text-decoration:none; } .sub-titlelist li a:hover{ background:#8CD200; } .notices-box.notices-box .head { background: transparent; top: 10px; } .notices-box .head .title { background: url("images/arrow_cirl.gif") no-repeat left center; position: relative; left: -10px; line-height: 35px; } .notices-box .head .title a { margin-left: 20px; color: #666666; } .notices-box .head .more { background: url("images/round_retangle.gif") no-repeat center center; margin-right: 10px; } .notices-box .body { margin-top: 20px; } .notices-box .foot { position: relative; height: 13px; background: #636363; left: -1px; } .notices-box .jiaozhi { background: url("images/left_triangle.gif") no-repeat; width: 14px; height: 14px; position: absolute; left: -13px; bottom: -1px; } .arrow-list { list-style-image: url("images/list_dot.gif"); list-style-position: inside; margin-left: 10px; } .arrow-list li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .side-list { margin: 10px 5px; } .side-list.avatarlist-heng li .avatar a, .side-list.avatarlist-heng li .avatar img { width: 80px; height: 80px; } .side-list li .video-photo a, .side-list li .video-photo img { width: 130px; height: 80px; } .side-list li { margin-bottom: 10px; } .side-list .avatar { margin-left: 0; float: left; } .side-list .avatar-info { margin-left: 90px; min-height: 70px; } .avatar-info .ttle { font-weight: bold; font-size: 13px; margin-top: 10px; } .avatar-info .desc { font-size: 12px; } .side-list .video-infos { margin-left: 135px; min-height: 80px; } .side-list.avatarlist-heng { margin: 10px; } .search-table { margin-top: 20px; } .search-table .head { background: #F1F1F1; position: relative; height: 44px; border-right: 1px solid #D3D3D3; } .search-table .head .title { position: relative; width: 118px; top: -20px; } .search-table .head .title a { background: url("images/skyblue_title.gif") no-repeat left top; height: 65px; width: 118px; text-indent: -10px; text-align: center; line-height: 75px; display: block; font-size: 14px; } .search-table .td-head { background: #02CEEF; border-bottom: 1px solid #4DE0F6; font-size: 14px; text-align: center; width: 95px; border-right: 1px solid #02CAE9; } .search-table .td-body { margin-left: 121px; border-right: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; background: #F1F1F1; } .search-table .search-nav-pills { margin-top: 10px; margin-left: 10px; } .search-table .search-nav-pills .more { display: none; } .search-table .search-nav-pills .nav-pills { height: auto; } .search-table .foot { position: relative; } .search-table .jiaozhi { position: absolute; bottom: 0; right: 0; background: #F6F6F6 url("images/blue_triangle.gif") no-repeat right bottom; width: 26px; height: 26px; } #list-grid-toggle .video-infos .others-info { display: none; } .login-page .header { background: #303542; height: 60px; } .login-page .header .container { margin: 0 auto; position: relative; } .login-page .header .logo { width: 200px; display: inline-block; *display: inline; *zoom: 1; color: #fcfcfc; line-height: 60px; } .login-page .header .search_panel { float: right; width: 300px; } .login-page .header .search_panel .navbar-search { top: 10px; } .login-page .navbar-search input.search-button { background: #78AF0B; } #footer, .login-page #footer { background: #303542; min-height: 50px; color: #E1E1E1; } .banner-green { background: #78AF0B; } .login-banner { height: 375px; background: url("images/banner_login.jpg") no-repeat center center; } .login-panel-wrapper { width: 100%; margin: 20px auto; } .login-panel { width: 585px; background: url("images/login_pannel.gif") no-repeat center top; margin: 0 auto; height: 60px; position: relative; } .login-panel .label-domain { display: none; } .login-panel .forms .items .label-psw label, .login-panel .forms .items .label-user label { display: none; } .login-panel .forms .items .label-submit input, .login-panel .forms .items .label-psw input, .login-panel .forms .items .label-user input { border: none; position: absolute; top: 12px; left: 350px; width: 150px; margin-bottom: 0; background: transparent; } .login-panel .forms .items .label-user input { left: 96px; } .login-panel .forms .items .label-submit input { background: transparent; width: 50px; left: 535px; } .login-panel .forms .items .forgot_pwd { display: none; } .dot-head-box { margin-top: 40px; } .dot-head-box.yellow, .dot-head-box.red, .dot-head-box.blue { background: transparent; border: 1px solid #D3D3D3; } .dot-head-box .head { position: relative; height: 52px; } .dot-head-box .head .title { background: url("images/blue_dot_head.gif") no-repeat center center; width: 100px; height: 104px; position: absolute; top: -52px; left: 34%; margin: 0 auto; text-align: center; } .dot-head-box.yellow .head .title { background: url("images/yellow_dot_head.gif") no-repeat center center; } .dot-head-box.red .head .title { background: url("images/red_dot_head.gif") no-repeat center center; } .dot-head-box.blue .head .title { background: url("images/blue_dot_head.gif") no-repeat center center; } .dot-head-box .head .title a { position: relative; top: 84px; display: block; font-size: 14px; } .dot-head-box .body { margin: 20px auto; } .dot-head-box .side-list { margin: 10px; } .channel-box { background: #fcfcfc; } .channel-box .head { background: #F1F1F1; position: relative; height: 44px; border: 1px solid #D3D3D3; } .channel-box .head .zhe-title ul { margin-left: 0; } .channel-box .head .parentChannel { position: relative; width: 118px; top:-20px; display: inline-block; *display: inline; *zoom: 1; float: left; } .channel-box .head .parentChannel a { background: url("images/skyblue_title.gif") no-repeat left top; height: 65px; width: 118px; text-indent: 20px; text-align: left; line-height: 75px; display: block; font-size: 16px; color: #fcfcfc; } .channel-box.blue .head .parentChannel a { background: url("images/skyblue_title.gif") no-repeat left top; } .channel-box.green .head .parentChannel a{ background: url("images/green_title.gif") no-repeat left top; } .channel-box.purple .head .parentChannel a{ background: url("images/purple_title.gif") no-repeat left top; } .channel-box.green-blue .head .parentChannel a{ background: url("images/green_blue_title.gif") no-repeat left top; } .channel-box .head .channel-list li { line-height: 45px; } .channel-box .head .subChannel li { display: inline-block; *display: inline; *zoom: 1; } .channel-box .head .subChannel li a{ padding:5px 10px; } .channel-box .head-nav { position: absolute; right: 0; top: 0; display: none; } .channel-box .head-nav p { line-height: 45px; } .channel-box .body { clear: both; } .m-t10 { margin-top: 10px; } .m-t30 { margin-top: 30px; } .m-t40 { margin-top: 40px; } .channel-banner { } .videoplay-box { border: 1px solid #DDDDDD; border-top: 3px solid #1F98C7; background: #EEEEEE; padding: 0 10px; position:relative; } .videoplay-box .head-breadcrumb .breadcrumb { padding: 0; margin: 5px; } .videoplay-box .head-breadcrumb .breadcrumb .ico-breadcrumb { display: none; } .videoplay-box .title .video-title { font-size: 20px; line-height: 20px; margin-left: 10px; } .videoplay-box .foot { position: relative; height: 30px; } .videoplay-box .jiaozhi { position: absolute; right: -11px; bottom: -1px; width: 26px; height: 26px; background: #F6F6F6 url("images/blue_triangle.gif") no-repeat; } .video-tools-bar { text-align: center; *zoom:1; overflow: hidden; /*position:absolute;*/ right:10px; top:0; } .video-tools-bar .share_code{ display:none; } .navtabs-box .head { overflow: hidden; line-height: 38px; } .navtabs-box .accordion-group { border: none; } .navtabs-box .nav-tabs { border-bottom: 0; } .navtabs-box .nav-tabs li { width: 33.333%; height: 38px; text-align: center; border-top: 2px solid transparent; background: url("images/gray_linear.gif") repeat-x; } .navtabs-box .nav-tabs li.active { border-top: 2px solid #1F98C7; background: url("images/white_linear.gif") repeat-x; } .navtabs-box .nav-tabs li.active a { border-bottom: transparent; background: #fcfcfc; } .navtabs-box .nav-tabs li a { line-height: 20px; } .navtabs-box .accordion-heading { display: none; } .navtabs-box .accordion-inner { border-top: none; } .relatived-video-box .head .title { padding: 4px 0; text-indent: 10px; color: #222222; font-size: 16px; font-weight: normal; } .teacher-box .head { background: #E2E2E2; height: 40px; position: relative; } .teacher-box .head .title { background: url("images/yellow_title.gif") left top no-repeat; width: 118px; line-height: 85px; position: absolute; top: -23px; height: 65px; } .teacher-box .brief .intro .tabs { text-indent: 0; } .teacher-box .brief .intro { margin-left: 10px; } .teacher-box .teacher-info { padding-top: 20px; } .teacher-box .brief { background: transparent; margin-right: 0; } .teacher-box .teacher-brief-infos { display: none; } .teacher-box .breadcrumb { padding: 0; margin: 5px; float: right; } .teacher-box .breadcrumb .ico-breadcrumb { display: none; } .video-tabs-list-box .tabs { border-bottom: 4px; } .video-tabs-list-box .tabs > li { margin-bottom: -4px; } .fluid-layout { position: relative; } .fluid-span { position: absolute; } .channel-banner img { width: 100%; } .news-box .breadcrumb { padding: 0; margin: 5px; float: right; } .news-box .breadcrumb .ico-breadcrumb { display: none; } .news-box .head { background: #E2E2E2; height: 40px; position: relative; } .news-box .head .title { background: url("images/green_blue_title.gif") left top no-repeat; width: 118px; line-height: 85px; position: absolute; top: -23px; height: 65px; } .news-box .body { padding: 10px; } .news-box .body .title { text-align: center; overflow: hidden; margin-bottom:10px; } .news-box .body .title h2 { font-size: 16px; font-weight: normal; } .news-box .body .sub-title { font-size: 14px; float: right; } .news-box .context { line-height: 24px; text-indent: 25px; } .weike-head{ background:#F1F1F1; border:1px solid #D3D3D3; border-left:3px solid #EFB003; padding:10px 20px; font-size:16px; } .weike-navs{ } .weike-navs ul{ margin-left:0; list-style:none; } .weike-navs ul li { } .weike-navs ul li a{ width:100%; border:1px solid #D3D3D3; line-height:40px; display:block; text-align:left; } .weike-navs ul li a:hover{ background:#ffdf88; } .wn-icon{ position:relative; top:8px; width:28px; height:28px; display:inline-block; *display:inline; *zoom:1; margin:0 10px 0 20px; } .wn-all{ background:url("images/list_icon.gif") center center no-repeat; } .wn-fashon{ background:url("images/camara_icon.gif") center center no-repeat; } .wn-life{ background:url("images/house_icon.gif") center center no-repeat; } .wn-internate{ background:url("images/cloud_icon.gif") center center no-repeat; } .wn-language{ background:url("images/dictory_icon.gif") center center no-repeat; } .wn-improve{ background:url("images/bag_icon.gif") center center no-repeat; } .wn-sofeware{ background:url("images/computer_icon.gif") center center no-repeat; } .wn-economy{ background:url("images/walet_icon.gif") center center no-repeat; } .wn-exam-qualify{ background:url("images/person_icon.gif") center center no-repeat; } .wn-edu-home{ background:url("images/heart_icon.gif") center center no-repeat; } .tags-box{ min-height:40px; } .tags-box .nav-pills{ margin-bottom:0; } .tags-box .searchBox{ padding:0 10px 0 0; } #videoplayInfo, #videoplaytimeinfo, #videoplaysw, #videoplaylesson, #commentsVideoApplication, #videoplayattachment .pill-pane{ min-height:500px; height:auto; } .channel-list .subChannel ul .active { background:#ddd; }