<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LearnVide.aspx.cs" Inherits="RM.Web.Training.Learn.LearnVide" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><%=csname %>_<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Learn_zaixianxx")%></title>
    <style type="text/css">
        /*CSS reset*/
        body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, p, input, img, span, em, a, i { margin: 0; padding: 0; }
        body { font-family: "Microsoft Yahei" , "微软雅黑" ,tahoma,arial,tahoma,sans-serif; font-size: 12px; min-width: 1200px; color: #333; background-color: #000; overflow:hidden; }
        input { border: none; }
        img { border: 0; }
        ul, dl, ol { list-style: none; }
        em { font-style: normal; }
        a { color: #333; outline: none; }
        a:link { text-decoration: none; }
        a:visited { text-decoration: none; }
        a:hover { color: #e6393b; text-decoration: none; }
        a:active { text-decoration: none; }
        /* 清理浮动 */
        .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; }
        .clear { zoom: 1; /* for IE6 IE7 */ }
        .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
        
        /*定位*/
        .fl, .fr { display: inline; }
        .fl { float: left; }
        .fr { float: right; }
        
        
        .backw { background-color: #fff; }
        .backe { background-color: #efefef; }
        .dp_title { height: 50px; line-height: 50px; background-color: #242424;  }
        .dp_title .img_tit { margin-bottom: -2px; margin-right: 8px; }
        .dp_title .pingjia { font-size: 12.5px; color: #777771; margin-right: 20px; text-decoration: underline; font-family: songti; }
        
        .dp_kec { position: absolute; top: 0px; right: 0; width: 283px; height: 50px; background-color: #242424;  }
        .dp_kec ul { overflow: hidden; }
        .dp_kec ul li { float: left; text-align: center; width: 15%; margin-right: 2px; height: 40px; padding-top: 14px; cursor: pointer; }
        .dp_kec ul li:hover { background-color: #86d466; }
        .dp_kec ul .li_home { background-color: #57c52b; }
        
        
        .dp_pinglun { position: absolute; top: 50px; right: 0; width: 283px; height: 94.9%; background-color: #f5f5f5; overflow: auto; }
        .dp_pinglun .nav_tit { background-color: #efefef; height: 50px; line-height: 50px; border: 1px solid #ccc; font-size: 16.67px; color: #252525; padding: 0 10px; }
        .dp_pinglun .nav_tit .img_tit { margin-bottom: -5px; margin-right: 8px; }
        .dp_pinglun .nav_teatarea { margin-bottom: 5px; }
        .dp_pinglun .nav_teatarea textarea { width: 180px; height: 44px; resize: none; padding: 5px; background-color: #fff; border: 1px solid #ccc; margin-left: 10px; margin-top: 10px; overflow: auto; font-size: 12px; }
        .dp_pinglun .nav_teatarea input { width: 52px; height: 56px; border: 0; background-color: #57c52b; color: #fff; margin-right: 10px; margin-top: 10px; }
        .dp_pinglun .right_content { }
        .dp_pinglun .right_content li { border-bottom: 1px solid #dadada; padding:5px 10px; }
        .dp_pinglun .right_content li .tou { margin-bottom: 10px; width: 65px; }
        .dp_pinglun .right_content li .tou img { border: 1px solid #ccc; }
        .dp_pinglun .right_content li .huifu { color: #5a5a5a;  overflow:hidden;}
        .dp_pinglun .right_content li .huifu .name { color: #2b90c5; }
        .dp_pinglun .right_content .teacher{background-color:#fbfad9;margin:0 5px;padding:10px;border:1px solid #DADADA;}
        
        
        .chapter { position: absolute; top: 90px; left: 0; padding-bottom: 25px; width: 260px; background-color: #fff; max-height: 600px; overflow: auto; }
        .chapter ul { background-color: #efefef; }
        .chapter ul li { min-height: 33px; line-height: 33px; border-bottom: 1px solid #ccc; padding-left: 30px; border-left: 1px solid #ccc; }
        .chapter ul .tit { border: 1px solid #ccc; height: 38px; line-height: 38px; padding-left: 10px; background-color: #efefef; border-top: 0; }
        .chapter ul li .radius { border-radius: 10px; background-color: #fff; border: 1px solid #ccc; width: 12px; height: 12px; float: left; margin: 8.5px 5px; }
        .chapter ul li .left_line { border-left: 1px solid #ccc; display: block; margin-left: 12px; }
        .chapter ul li .points { margin: 0px 0 0 25px; line-height: 23px; }
        .chapter ul li .points a { display: block; }
        .chapter ul li:hover { background-color: #fbfad9; }
        .chapter ul li:hover .radius { background-color: #86d466;}
        .chapter ul .hover{ background-color: #fbfad9;}
        .chapter ul .hover a{ font-weight:bold; }
        .chapter ul .hover .radius { background-color: #86d466;}
        .About_text{ padding:10px;}
        .About_text ul li p a img{width:100%;}
        .About_text ul li p{text-indent: 0em !important;}
        .About_text p{text-indent:2em;}
        .note_edit{ border:1px #ccc solid;}
        
         #CourAsk_bg{ position:absolute; width:100%; height:100%; background-color:Black; z-index:9998;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
-moz-opacity:0.7; /*Firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/}
        #CourAsk{ position:fixed; top:-200px; bottom:0; left:0px;right:0px;width:336px; height:300px; margin-left:auto;margin-right:auto; background-color:White;border:1px solid #CCC; line-height:30px;z-index:9999;}
        #CourAsk h1{ padding:10px; border-bottom:1px #ccc solid; font-size:16px;}
        #CourAsk ol{ margin:10px; padding-left:30px;}
        #CourAsk ol li{ list-style-type:upper-alpha;font-size:16px; }
   
    /********************************************************************/
        /*.ques_Context  { float: none; clear: both; width: 100%; }
        .exam_result li { float: left; }
        .exam_result li img { width: 80%; max-width: 300px; }
        .exam_result li lable{ float: left; }*/
       
        .activeQuetion .ques_Context { display: block; }
        .activeQuetion2 .ques_Context { display: block; }
        .exam_Title input { width: 100px; }
        #face { position: fixed; bottom: 0px; right: 200px; height: 240px; border: 1px solid #ccc; width: 220px; }
        .ulcss ul { list-style: none; margin-right: 20px; text-align: right; }
        .ulcss li { float: left; margin-left: 20px; width: 100px; font-size: 18px; }
        .menu a { font-size: 18px; padding-right: 40px; font-weight: 100; color: #a5a5a5; }
        #Header { background: #FFFFFF; width: 98%; padding: 0 1%; margin: 0 auto; height: 95px; overflow: hidden; border-bottom: 1px #e5e5e5 solid; }
        .Learn_Left { width: 186px; position: absolute; left: 0; top: 96px; background-color: #f4f4f4; border-right: 1px #e5e5e5 solid; }
        .Learn_Left_shipin { width: 172px; margin: 0 auto; background: #fff; border: 1px #e5e5e5 solid; height: 155px; padding: 5px; text-align: center; }
        .zhangjie { margin: 8px; }
        .zhangjie li { background-image: url(/pic/zhangjie_dian.gif); background-repeat: no-repeat; padding-left: 20px; }
        .zhangjie li ul { border-left: 3px #e5e5e5 solid; margin-left: -12px; }
        .zhangjie li ul li { background-image: url(); padding-left: 25px; }
        .Learn_Right { width: 186px; position: absolute; right: 0; top: 96px; background-color: #f4f4f4; border-left: 1px #e5e5e5 solid; }
        .learn_chat { margin: 10px; }
        .learn_chat span { color: Blue; }
        .learn_chat_input { position: absolute; bottom: 0; padding: 5px; text-align: right; }
        .Learn_Center { padding-left: 200px; padding-right: 200px; }
        .Learn_V { background-image: url(/pic/lnlogo.png); background-position: center; background-repeat: no-repeat; background-color: #555555; height: 440px; }
        .Learn_Center h1 { float: left; }
        .Learn_Center h2 { clear: both; }
        .jindu { width: 100px; border: 1px #ccc solid; height: 24px; line-height: 24px; position: relative; float: right; margin-top: 10px; }
        .jindu_txt { position: absolute; top: 0; left: 5px; z-index: 4; }
        .jindu_tiao { position: absolute; top: 0px; left: 0px; width: 0px; display: block; height: 24px; line-height: 24px; background-color: Yellow; z-index: 3; }
        .Learn_VMenu { height: 55px; overflow-y: scroll; margin-top: 5px; }
        .Learn_VMenu a { padding: 5px; border: 1px #ccc solid; background-color: #f4f4f4; }
        
        #masking { z-index: 5; width: 100%; height: 100%; background-color: Black; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; _position: absolute; top: 0px; left: 0px; position: fixed; }
        .qianyan { position: fixed; top: 150px; left: 600px; margin-left: -400px; width: 790px; background-color: White; border: 5px #ff0000 solid; padding: 10px; height: 320px; z-index: 6; }
        .qianyan .qianyuan_v { width: 300px; text-align: center; float: left; }
        .qianyuan_v input { width: 80px; height: 25px; line-height: 25px; }
        .qianyan .qianyan_jd { float: left; padding-left: 10px; width: 480px; z-index: 6; display: inline-block; }
        #closeqianyuan { display: none; position: absolute; right: 10px; top: 0; background-color: #ff0000; width: 40px; text-align: center; height: 30px; line-height: 30px; color: White; cursor: pointer; }
        #closeqianyuan:hover { background-color: #ff4c4c; }
        #MyShipin { position: absolute; top: 160px; left: 600px; margin-left: -387px; z-index: 7px; width: 280px; height: 280px; }
        #facetitle { background-color: #399fce !important; color: White !important; padding: 2px 5px; }
        #swf1 { position: fixed; left: 215px; top: 165px; }
        #altContent2 { position: fixed; }
        /*right:201px;bottom:23px;*/
        #faceMsg { position: fixed; right: 290px; bottom: 0; }
    </style>

</head>
<body>
    <!--Head开始-->
    <div class="dp_title">
        <div class="fl" style="font-size: 16.67px; color: #f5f5f5; margin-left: 20px;">
            <img src="images/zant.png" class="img_tit" /><%=csname %> [ <%=username %> ]</div>
    </div>  
    <!--Head结束-->
 
    <!--主内容区-->
    <div id="Vmain" style="height: 670px; width: 100%; overflow: auto; background-color: #000;">
 
        <div id="video" style="margin: 10px; text-align: left; background-color: #020301;
            background-image: url('images/loading.gif'); background-position: center; background-repeat: no-repeat;
            height: 670px; z-index: 999;">
            <div id="a1">
            </div>
        </div>
        <div id="video_text" style=" padding:10px; color:White;">
           
        </div>   
    </div>
    <!--主内容区-->
    
    <!--章节工具箱--->
    <div id="Cptool" style="position: absolute; top: 0px; left:-260px;" >
        <div class="chapter" id="chapter">
            
            <div id="Cptooljindu" style="background-color: #f4f4f4; width: 100%; height: 25px; line-height: 25px;
                position: absolute; bottom: 0; text-align: center; overflow:hidden;">
                <div id="jindu_tiao" style="left:0;position: absolute; top:0; z-index:1;height:25px; background-color:Yellow"></div>
                <div style="position: absolute; top:0; left:10px; z-index:2;"><span id="jindu_num">0</span>/<span id="jindu_count">0</span></div>
            </div>
        </div>
        <div style="position: absolute; top: 90px; left: 260px; height: 54px; width: 23px;border-radius: 0px 5px 5px 0px;
            background-color: #efefef;" >
            <img src="images/right.png" style="margin: 15px 5px; cursor: pointer;" id="chapter_btn"
                title="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigSshow")%>" alt="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("NbigSshow")%>"    />
        </div>
    </div>

    <div id="altContent2" ></div>

    <script src="../../Themes/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <link href="/Themes/Scripts/ShowMsg/msgbox.css" rel="stylesheet" type="text/css" />
    <script src="/Themes/Scripts/ShowMsg/msgbox.js" type="text/javascript"></script>
    <link href="/Themes/Scripts/artDialog/skins/opera.css" rel="stylesheet" type="text/css" />
    <script src="/Themes/Scripts/artDialog/artDialog.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/artDialog/iframeTools.source.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Training/Learn/m/ckplayer/ckplayer.js" charset="utf-8"></script>
    <script src="/Live/swfobject.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Themes/Scripts/ifvisible.js"></script>
    <script type="text/javascript" src="m/BigScreen2.js"></script>    
    <script src="/LiveTelecast/JavaScript/Live.js" type="text/javascript"></script>  

</body>
</html>
