/* ======
   story-about
====== */
#canvas #story-about{
    position:relative;
    overflow:hidden;
    width:100%;
}
#canvas .comment-box{
    top:16px;
}

#canvas .content-item{
    both:clear;
    overflow:hidden;
    width:100%;
    margin-bottom:12px;
}


#canvas #story-about-top-block{
/*    overflow:hidden; */
    width:988px;
    height:224px;
    background:transparent url(../contents/top-story-about.jpg) no-repeat scroll left top;
    position:relative;
}

#canvas #story-about .title-bar{
    background: #000 url(../images/blt-red-sq8.gif) no-repeat scroll 10px 14px;
    padding-left:26px;
    margin-bottom:0;
    height:36px;
    line-height:36px;
}

#canvas #story-about .title-bar a{
    color:#FFF;
    font-size:24px;
    line-height:36px;
}

#canvas #story-about-tab-container{
    /*padding-left:14px;
    padding-right:14px;*/
    padding-top:10px;
   /* height:32px;
    background-color:#000;*/
}


#canvas #story-about #contents-left-block .head{
    margin-bottom:10px;
}

#story-about .story-about-top-desc p{
    color:#333;
}
#story-about .story-about-top-desc h3{
    font-weight:bold;
    padding-bottom:12px;
}

#canvas .video-list ul li {
    float:left;
    width:153px;
    padding-bottom:12px;
    margin-right:11px;
    position:relative;
}

#canvas .link-mode ul li{
    height:105px;
}

#canvas .link-mode ul li a.overlay-link{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:149px;
    height:94px;
    padding:2px;
    z-index:2;
}

#canvas .link-mode ul li a.overlay-link:hover{
    border:2px solid #e61919;
    padding:0;
}

#canvas .link-mode ul li .bg{
    width:153px;
    height:22px;

    background-color:#000;
    opacity:0.8;
    filter: alpha(opacity = 80);

    position:absolute;
    top:75px;
    left:0;
}

#canvas .link-mode ul li .caption{
    font-size:11px;
    font-weight:bold;
    padding-left:6px;
    line-height:22px;
    height:22px;
    position:absolute;
    top:75px;
    left:2px;
    z-index:3;
}

#canvas .link-mode ul li .caption a{
    border:0 none;
    display:inline;
    text-decoration:none;
    color:#FFF;
}

#canvas .link-mode ul li .caption a:hover{
    text-decoration:underline;
}

#canvas .video-list ul li.edge{
    margin-right:0px;
}

#canvas .video-list .video-container .video-desc,
#canvas .video-list .video-container .video-overlay{
    width:317px;
    height:79px;
}

#canvas .video-list .video-container .video-desc{
    height:49px;
    padding:15px 0;
}

#canvas .video-list .video-container .video-desc h3,
#canvas .video-list .video-container .video-desc .desc{
    width:240px;
    padding-left: 26px;
    color:#FFF;
}
#canvas .video-list ul li a.play-overlay{
    background: transparent url(../images/btn-play-rc-off.png) no-repeat scroll 50% 50%;
    _background: transparent url(../images/btn-play.gif) no-repeat scroll 50% 50%;
    width:153px;
    height:97px;
    top:0px;
    left:0px;
}

#canvas .video-list ul li a:hover.play-overlay{
    background: transparent url(../images/btn-play-rc-on.png) no-repeat scroll 50% 50%;
    _background: transparent url(../images/btn-play.gif) no-repeat scroll 50% 50%;
    width:149px;
    height:93px;
    border:2px solid #e61919;
}

/* ======
   transcript
====== */
#canvas #story-about .story-about-top-desc,
#canvas #story-about #transcript{
    padding:16px 0 22px;
}

#transcript p, #story-about .story-about-top-desc p{
    color:#333;
    font-size:14px;
    line-height:21px;
}

#transcript h3{
    font-weight:bold;
    padding-bottom:8px;
}
#transcript .desc,
#transcript .comment{
    padding-bottom:16px;
}

#transcript .heading_red,
#transcript .heading_blue{
    font-weight:bold;
    line-height:20px;
}

#transcript .heading_red{
    color:#F00;
}
#transcript .heading_blue{
    color:#03c;
}