@import url(./css/reset.css); @import url(./css/fonts/stylesheet.css); @import url(./css/jscrollpane.css); @import url(./css/jquery.ad-gallery.css); body { background-image:url(./pic/bg.png); width:100%; height:100%; font-family:Arial; font-size:12px; color:#444; } .clear { clear:both; } b, strong { font-weight:bold; } i { font-style:italic; } h1 { font-family: "PT Sans Narrow", "Arial Narrow", "Arial"; font-size:48px; font-weight:bold; margin-bottom:25px; color:#222;} h2 { font-family: "PT Sans Narrow", "Arial Narrow", "Arial"; font-size:30px; font-weight:normal; color:#444; margin-bottom:20px; margin-top:20px; line-height:30px;} h3 { font-family: "PT Sans Narrow", "Arial Narrow", "Arial"; font-size:18px; } a { color:#b00; } a:hover { color:#000; } img.separator { width:100%; height:1px; } #main { width:100%; min-height:100%; min-width:1000px; position:absolute; overflow:hidden; top:0; left:0; background-image:url(./pic/rbg.png); background-repeat:repeat-y; background-position:top center; } #main .global-inner { width:980px; position:relative; left:50%; margin-left:-490px; } #main #top-adv { height:100px; background-image:url(./pic/t-adv/bg.png); background-repeat:repeat-x; } #main #top-adv .inner { } #main #top-adv .inner .banner-box { float:left; padding-top:10px; position:relative; display:block; width:220px; height:80px; overflow:hidden; text-decoration:none; color:#fff; } #main #top-adv .inner .banner-box .label{ width:100%; height:30px; position:absolute; left:0; bottom:0; background-image:url(./pic/h/thlbg.png); overflow:hidden; } #main #top-adv .inner .banner-box .label .in { padding:3px 0 0 6px; color:#fff; } #main #top-adv .inner .banner-box:hover .label { height:35px; } #main #top-adv .inner .banner-box.last { float:none;} #main #top-adv .inner .separator { float:left; width:33px; height:100px; background-image:url(./pic/t-adv/sep.png); background-repeat:no-repeat; background-position:top center;} #main #header { height:222px; position:relative; } #main #header a.logo { height:222px; width:220px; height:178px; position:absolute; top:27px; left:-9px; background-image:url(./pic/h/logo.png); background-repeat:no-repeat; } #main #header a.rss { position:absolute; right:13px; top:10px; padding:5px 0 0 23px; color:#444; text-decoration:underline; background-image:url(./pic/h/rss.png); background-repeat:no-repeat; } #main #header a.rss:hover{ color:#f00; } #main #header .search { position:absolute; top:7px; right:90px; } #main #header .search input.txt{ background-image:url(./pic/search-small.png); background-repeat:no-repeat; background-position:right center;color:#888; border:solid 1px #888; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#eee; padding:3px 20px 3px 3px; font-family:Arial; font-size:12px; width:140px; height:14px;} #main #header .search input.txt:focus{ color:#222; } #main #header .top-news { position:absolute; padding-top:12px; top:35px; right:7px; width:717px; border-top:solid 1px #d6d6d6; } #main #header .top-news .tnews-box { float:left; position:relative; margin-right:20px; width:160px; height:80px; } #main #header .top-news .tnews-box.last { margin-right:0; } #main #header .top-news .tnews-box img { position:absolute; top:0; left:0; } #main #header .top-news .tnews-box .label{ width:100%; height:30px; position:absolute; left:0; bottom:0; background-image:url(./pic/h/thlbg.png); overflow:hidden; } #main #header .top-news .tnews-box .label .in { padding:3px 0 0 6px; color:#fff; } #main #header .top-news .tnews-box:hover .label { height:35px; } #main #header .auth { position:absolute; top:14px; left:260px; color:#000; } #main #header .auth a.enter { color:#dd0000; text-decoration:none; border-bottom:dotted 1px #dd0000; } #main #header .auth a.enter:hover { color:#000; border-bottom-color:#000; } #main #header .auth a.reg { color:#444; } #main #header .auth a.reg:hover{ color:#f00; } #main #header .auth .user { position:relative; top:-3px; color:#444; } #main #header .menu { width:736px; height:40px; position:absolute; top:138px; left:255px; background-image:url(./pic/menu-bg.png); } #main #header .menu .inner { padding:14px 0 0 18px; } #main #header .menu .inner a { font-size:12px; color:#444; text-decoration:underline; margin-right:20px; } #main #header .menu .inner a:hover { color:#b00; } #main #header #auth { z-index:100; position:absolute; left:240px; top:4px; padding:10px 20px; color:#fff; background-image:url(./pic/online/bg.png); display:none; } #main #header #auth table tr td { padding:0 0 5px 0; } #main #header #auth table tr td.separator { width:50px; background-image:url(./pic/auth/separator.png); background-repeat:no-repeat; background-position:center center; } #main #header #auth table.log-in { color:#aaa; } #main #header #auth table.log-in td { padding:3px; } #main #header #auth table.log-in td input.txt{ font-family:Arial; font-size:12px; color:#000; width:150px; background-color:#fff; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:2px; } #main #header #auth table.log-in td.submit input.submit{ cursor:pointer; font-family:Arial; color:#fff; border:none; background:#222; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #main #header #auth table.log-in td.submit input.submit:hover{ background-color:#b00; } #main #header .breadcrumbs { position:absolute; top:190px; left: 255px; padding-left:12px; background-image:url(./pic/bcmkr.png); background-repeat:no-repeat; background-position:0px 4px; } #main #header .breadcrumbs a { color:#d00; } #main #header .breadcrumbs a:hover { color:#000; } #main #online { width:100%; background-image:url(./pic/online/bg.png);} #main #online .in1{ height:100%; background-image:url(./pic/online/bgt.png); background-repeat:repeat-x; background-position:top left; } #main #online .in2{ height:100%; background-image:url(./pic/online/bgb.png); background-repeat:repeat-x; background-position:bottom left;} #main #online .body{ height:365px; } #main #online .body .hide { z-index:10; background-color:#2e2e2e; position:absolute; top:18px; left:0; padding:7px 12px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #main #online .body .hide a { color:#fff; text-decoration:none; border-bottom:dotted 1px #fff; } #main #online .body .hide a:hover { color:#f00; border-bottom-color:#f00; } #main #online .body .player-box{ z-index:1; position:absolute; top:0; left:260px; width:460px; height:365px; } #main #online .body .player-box .shl { z-index:5; position:absolute; height:365px; width:200px; background-image:url(./pic/online/bgc.jpg); top:0; left:-100px;} #main #online .body .player-box .shr { z-index:5; position:absolute; height:365px; width:200px; background-image:url(./pic/online/bgc.jpg); top:0; right:-100px;} #main #online .body .player-box object { z-index:10; position:absolute; top:0; left:0; background-color:#444;} #main #online .body .tv-program-box { z-index:2; position:absolute; top:0; right:0; width:260px; height:365px; } #main #online .body .tv-program-box .top-fader{ z-index:1000; position:absolute; width:250px; height:30px; background-image:url(./pic/tv-program/top-mask.png); background-repeat:repeat-x; top:0; left:0; } #main #online .body .tv-program-box .bottom-fader { z-index:1000; position:absolute; width:250px; height:30px; background-image:url(./pic/tv-program/bottom-mask.png); background-repeat:repeat-x; bottom:0; left:0; } #main #online .body .tv-program-box .inner { width:260px; height:365px; overflow:hidden; } #main #online .body .tv-program-box .items-box { margin:30px 10px 30px 0; } #main #online .body .tv-program-box .items-box .item { padding:0 10px 0 25px; margin:7px 0; line-height:15px; } #main #online .body .tv-program-box .items-box .item .time { width:35px; float:left; color:#fff; } #main #online .body .tv-program-box .items-box .item .title { margin-left:42px; color:#aaa; } #main #online .body .tv-program-box .items-box .item.now { padding:16px 10px 16px 25px; margin:0 0; background-image:url(./pic/tv-program/selbg.png); background-repeat:no-repeat; background-position:left center;} #main #online .body .tv-program-box .items-box .item.now .time { color:#f00; } #main #online .body .tv-program-box .items-box .item.now .title { font-weight:bold; } #main #online .body .on-air { position:absolute; top:18px; right:0px; color:#fff; display:none; } #main #online .body .on-air b { color:#aaa; } #main #online .body .announces { position:absolute; z-index:2; width:200px; top:60px; left:0; } #main #online .body .announces .announce { position:absolute; } #main #online .body .announces .title { width:100%; height:30px; position:relative; text-align:right; margin-bottom:12px; } #main #online .body .announces .title .num { font-size:14px; color:#b8b8b8; position:absolute; bottom:0; left:0; } #main #online .body .announces .title .num b{ font-weight:normal; font-size:24px; } #main #online .body .announces .title .label { font-family:"Arial Narrow", "Arial"; font-size:36px; color:#353535; } #main #online .body .announces .img-box { width:200px; height:200px; position:relative; -webkit-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.2); } #main #online .body .announces .img-box a { position:absolute; top:0; left:0; width:200px; height:200px; text-decoration:none; } #main #online .body .announces .img-box a .label-box { position:absolute; bottom:0; left:0; right:0; background-image:url(./pic/online/black80.png); } #main #online .body .announces .img-box a .label-box .inner { padding:5px 10px 5px 10px; color:#fff; font-style:italic; } #main #online .body .announces .img-box a:hover .label-box .inner { padding:5px 10px 15px 10px; } #main #online .body .announces .bottom { width:100%; padding-top:10px; position:relative; text-align:right; font-family:Arial; font-size:24px; color:#fff; } #main #online .body .announces .bottom .datetime { position:absolute; top:10px; left:0; } #main #online .body .announces .bottom .datetime .date { font-size:14px; text-align:left; } #main #online .body .announces .bottom .datetime .dow { font-size:12px; color:#9e9e9e; } #main #online.closed {} #main #online.closed .body { height:46px; } #main #online.closed .body .on-air { display:block; } #main #online.closed .body .tv-program-box { display:none; } #main #online.closed .body .player-box { display:none; } #main #online.closed .body .hide { top:10px; } #main #online.closed .body .announces { display:none; } #main #content { margin-bottom:150px; } #main #content .index { margin-bottom:150px; } #main #content .index .top-columns { background-image:url(./pic/v-dots.png); background-repeat:repeat-y; background-position:490px 0px; padding-top:40px; border-bottom:solid 1px #bababa; } #main #content .index .top-columns .news { width:450px; float:left; } #main #content .index .top-columns .news h3 { margin-left:36px; margin-bottom:23px; margin-top:10px;} #main #content .index .top-columns .news a.item { text-decoration:none; } #main #content .index .top-columns .news a.item { background-color:#dadada; } #main #content .index .top-columns .news a.item .meta { padding-top:10px; padding-left:5px; width:36px; float:left; } #main #content .index .top-columns .news a.item .meta .time { font-size:11px; color:#900;} #main #content .index .top-columns .news a.item .meta .comments-count { text-align:right; margin-top:5px; padding-right:10px; } #main #content .index .top-columns .news a.item .meta .comments-count .b { display:inline-block; background-image:url(./pic/comm-count-mark.png); background-position:right bottom; background-repeat:no-repeat; padding-right:4px; } #main #content .index .top-columns .news a.item .meta .comments-count .b .in { padding:1px 2px; background-color:#222; font-family:Arial; font-size:10px; color:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } #main #content .index .top-columns .news a.item .body { padding-left:41px; padding-top:10px; padding-bottom:10px; } #main #content .index .top-columns .news a.item:hover .body { background-color:#dadada; } #main #content .index .top-columns .news a.item .body .title { font-weight:bold; color:#000; } #main #content .index .top-columns .news a.item .body .icons { margin-top:5px; } #main #content .index .top-columns .news a.item .body .icons .icon { display:inline-block; background-color:#c92121; color:#fff; font-family:Arial; font-size:11px; padding:1px 3px; } #main #content .index .top-columns .news a.item .body .icons img { vertical-align:middle; margin-right:2px; } #main #content .index .top-columns .news a.item .body .text { margin-top:5px; } #main #content .index .top-columns .news a.item .body .text { color:#444; text-decoration:none; } #main #content .index .top-columns .news a.item:hover .body .text { color:#a44; } #main #content .index .top-columns .news .all-news { text-align:right; margin-top:10px; } #main #content .index .top-columns .news .all-news a { display:inline-block; padding:5px 10px; background-color:#900; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; } #main #content .index .top-columns .news .all-news a:hover { text-decoration:none; background-color:#444; } #main #content .index .top-columns .programs { margin-left:490px; width:490px; } #main #content .index .top-columns .programs table tr td { padding-bottom:30px; } #main #content .index .top-columns .programs table tr td .item { width:220px; } #main #content .index .top-columns .programs table tr td .item .title .in a { font-family:"PT Sans Narrow", "Arial Narrow", "Arial"; font-size:18px; color:#fff; } #main #content .index .top-columns .programs table tr td .item .title .in a:hover{ text-decoration:none; } #main #content .index .top-columns .programs table tr td .item .datetime { font-family:Arial; font-size:11px; font-weight:bold; color:#888; margin-top:14px; } #main #content .index .top-columns .programs table tr td .item a.vthumb { margin-top:5px;display:block; width:220px; height:166px; background-repeat:no-repeat; background-position:center center; position:relative; } #main #content .index .top-columns .programs table tr td .item a.vthumb img{ position:absolute; top:60px; left:87px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50); } #main #content .index .top-columns .programs table tr td .item a.vthumb:hover img{ opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); } #main #content .index .top-columns .programs table tr td .item h3 { margin-top:10px; color:#000;} #main #content .index .top-columns .programs table tr td .item h3 a { text-decoration:none; color:#222; } #main #content .index .top-columns .programs table tr td .item a.desc { display:block; color:#444; margin-top:5px; text-decoration:none; } #main #content .index .top-columns .programs table tr td .item a:hover { color:#b00; } #main #content .index .top-columns .programs table tr td.left { padding-left:10px; } #main #content .index .top-columns .programs table tr td.left .item .title { background-image:url(./pic/ptitle.png); width:230px; margin-left:-10px; } #main #content .index .top-columns .programs table tr td.left .item .title .in { padding:7px 5px 7px 25px; } #main #content .index .top-columns .programs table tr td.right { padding-left:29px; } #main #content .index .top-columns .programs table tr td.right .item .title { background-image:url(./pic/prtitle.png); width:230px; margin-left:0px; } #main #content .index .top-columns .programs table tr td.right .item .title .in { padding:7px 5px 7px 25px; } #main #content .index .top-columns .programs .all-news { text-align:right; margin-top:10px; margin-bottom:20px; margin-right:20px; } #main #content .index .top-columns .programs .all-news a { display:inline-block; padding:5px 10px; background-color:#900; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; } #main #content .index .top-columns .programs .all-news a:hover { text-decoration:none; background-color:#444; } #main #content .index .bottom-columns { margin-top:25px; background-image:url(./pic/opros-bg.png); background-position:720px; background-repeat:repeat-y; } #main #content .index .bottom-columns .photo-reports { float:left; width:670px; } #main #content .index .bottom-columns .photo-reports .report { width:670px; margin:20px 0; border-bottom:solid 1px #ddd; padding-bottom:20px;} #main #content .index .bottom-columns .photo-reports .report .info { float:left; width:250px; } #main #content .index .bottom-columns .photo-reports .report .info a { text-decoration:none; } #main #content .index .bottom-columns .photo-reports .report .info a.title { font-family:"PT Sans Narrow", "Arial Narrow", Arial; font-size:18px; color:#000; } #main #content .index .bottom-columns .photo-reports .report .info .date { font-family:Arial; font-size:11px; font-weight:bold; color:#888; margin-bottom:12px; } #main #content .index .bottom-columns .photo-reports .report .info a.desc { font-family:Arial; font-size:12px; font-weight:normal; color:#444; } #main #content .index .bottom-columns .photo-reports .report .info a:hover { color:#b00; } #main #content .index .bottom-columns .photo-reports .report .photos { margin-left:270px; width:400px; height:150px; position:relative; } #main #content .index .bottom-columns .photo-reports .report .photos a{ position:absolute; } #main #content .index .bottom-columns .photo-reports .report .photos a.a1{ top:0; left:0; } #main #content .index .bottom-columns .photo-reports .report .photos a.a2{ top:0; left:210px; } #main #content .index .bottom-columns .photo-reports .report .photos a.a3{ top:0; left:310px; } #main #content .index .bottom-columns .photo-reports .report .photos a.a4{ top:80px; left:210px; } #main #content .index .bottom-columns .photo-reports .report .photos a.a5{ top:80px; left:310px; } #main #content .index .bottom-columns .question { margin-left:720px; width:250px; } #main #content .index .bottom-columns .question .title { position:relative; height:46px; } #main #content .index .bottom-columns .question .title { height:46px; } #main #content .index .bottom-columns .question .title .in { width:269px; height:46px; position:absolute; top:0; left:-10px; background-image:url(./pic/opros-title.png); } #main #content .index .bottom-columns .question .body { padding:10px; } #main #content .index .bottom-columns .question .body .msg{ text-align:center; } #main #content .index .bottom-columns .question .body table { border-collapse:collapse; border-spacing:0; } #main #content .index .bottom-columns .question .body table td { padding:0 0 10px 0; } #main #content .index .bottom-columns .question .body input.button { cursor:pointer; border:none; background-color:#cc3737; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:5px; color:#fff; font-family:Arial; font-size:12px; } #main #content .index .bottom-columns .question .body input.button.res { background-color:#444; } #main #content .index .bottom-columns .question .body .poll_res { display:none; } #main #content .index .bottom-columns .question .body .poll_res.visible { display:block; } #main #content .index .bottom-columns .question .body .poll_res .item { margin-bottom:20px; } #main #content .index .bottom-columns .question .body .poll_res .item .text { color:#444; } #main #content .index .bottom-columns .question .body .poll_res .item .votes { color:#888; font-size:10px; margin-top:10px; } #main #content .index .bottom-columns .question .body .poll_res .item .gauge { width:2px; background-color:#900; margin-top:3px; height:10px; background-image:url(./pic/poll-gauge.png); background-repeat:repeat-y; } #main #content .page { margin-bottom:200px; } #main #content .page .info { margin-right:330px; padding-top:40px; font-family:"PT Sans", Arial; font-size:14px; } #main #content .page .info .params-block { font-family:Arial; font-size:12px; position:relative; top:-15px;} #main #content .page .info .params-block .views { display:inline-block; min-height:16px; color:#888; padding-left:22px; background-image:url(./pic/icons/eye.png); background-repeat:no-repeat; } #main #content .page .info .embedded-video { padding:5px 0; margin-bottom:20px; text-align:center; background-color:#ccc; } #main #content .page .info .news-text { line-height:1.2em; font-family:"PT Sans" , Arial !important; font-size:14px !important; color:#444 !important; } #main #content .page .info .news-text .addtext { margin:20px 0; } #main #content .page .info .news-text .addpic { margin:20px 0; } #main #content .page .info .news-text .addpic .addimgblock {text-align:center; } #main #content .page .info .news-text .addpic .addcomment {padding:13px 0 0 13px; font-family:"PT Sans", "Arial"; font-style:italic; color:#666; } #main #content .page .info .news-text .source { margin-top:20px; font-size:14px; font-family:"PT Sans Narrow", "Arial Narrow", "Arial"; color:#222; } #main #content .page .info .news-text ul { list-style-type:disc; list-style-position:inside; } #main #content .page .info > .announce { padding-top:12px; background-image:url(./pic/announce-big-top.png); background-repeat:no-repeat; background-position:30px 0; margin-bottom:10px;position:relative; top:-20px; } #main #content .page .info > .announce .body { background-color:#444; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; padding:20px 10px; font-family:Arial; font-style:italic; font-size:12px; } #main #content .page .info .news-list { float:left; font-family:Arial; font-size:12px; } #main #content .page .info .news-list h3 { margin-left:36px; margin-bottom:23px; margin-top:10px;} #main #content .page .info .news-list a.item { text-decoration:none; } #main #content .page .info .news-list a.item { background-color:#dadada; } #main #content .page .info .news-list a.item .meta { padding-top:10px; padding-left:5px; width:36px; float:left; } #main #content .page .info .news-list a.item .meta.fat { width:100px; } #main #content .page .info .news-list a.item .meta .time { font-size:11px; color:#900;} #main #content .page .info .news-list a.item .meta .comments-count { text-align:right; margin-top:5px; padding-right:10px; } #main #content .page .info .news-list a.item .meta .comments-count .b { display:inline-block; background-image:url(./pic/comm-count-mark.png); background-position:right bottom; background-repeat:no-repeat; padding-right:4px; } #main #content .page .info .news-list a.item .meta .comments-count .b .in { padding:1px 2px; background-color:#222; font-family:Arial; font-size:10px; color:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } #main #content .page .info .news-list a.item .body { padding-left:41px; padding-top:10px; padding-bottom:10px; } #main #content .page .info .news-list a.item .body.fat { padding-left:105px; } #main #content .page .info .news-list a.item:hover .body { background-color:#dadada; } #main #content .page .info .news-list a.item .body .title { font-weight:bold; color:#000; } #main #content .page .info .news-list a.item .body .icons { margin-top:5px; } #main #content .page .info .news-list a.item .body .icons .icon { display:inline-block; background-color:#c92121; color:#fff; font-family:Arial; font-size:11px; padding:1px 3px; } #main #content .page .info .news-list a.item .body .icons img { vertical-align:middle; margin-right:2px; } #main #content .page .info .news-list a.item .body .text { margin-top:5px; } #main #content .page .info .news-list a.item .body .text { color:#444; text-decoration:none; } #main #content .page .info .news-list a.item:hover .body .text { color:#a44; } #main #content .page .info .photo-reports { float:left; width:670px; } #main #content .page .info .photo-reports .report { width:600px; margin:20px 0; border-bottom:dotted 1px #666; padding-bottom:20px;} #main #content .page .info .photo-reports .report a { text-decoration:none; } #main #content .page .info .photo-reports .report a.title { font-family:"PT Sans Narrow", "Arial Narrow", Arial; font-size:18px; color:#000; } #main #content .page .info .photo-reports .report .date { font-family:Arial; font-size:11px; font-weight:bold; color:#888; margin-bottom:12px; } #main #content .page .info .photo-reports .report a.desc { font-family:Arial; font-size:12px; font-weight:normal; color:#444; } #main #content .page .info .photo-reports .report a:hover { color:#b00; } #main #content .page .info .photo-reports .report .photos { width:650px; height:150px; position:relative; margin-top:10px; } #main #content .page .info .photo-reports .report .photos a { position:absolute; } #main #content .page .info .photo-reports .report .photos a.a1 { top:0; left:0; } #main #content .page .info .photo-reports .report .photos a.a2 { top:0; left:210px; } #main #content .page .info .photo-reports .report .photos a.a3 { top:0; left:310px; } #main #content .page .info .photo-reports .report .photos a.a4 { top:0; left:410px; } #main #content .page .info .photo-reports .report .photos a.a5 { top:0; left:510px; } #main #content .page .info .photo-reports .report .photos a.a6 { top:80px; left:210px; } #main #content .page .info .photo-reports .report .photos a.a7 { top:80px; left:310px; } #main #content .page .info .photo-reports .report .photos a.a8 { top:80px; left:410px; } #main #content .page .info .photo-reports .report .photos a.a9 { top:80px; left:510px; } #main #content .page .info .video-archive { } #main #content .page .info .video-archive .item { margin-bottom:40px; } #main #content .page .info .video-archive .item .title { padding:10px; background-image:url(./pic/ptitle-big.png); margin-bottom:10px; } #main #content .page .info .video-archive .item .title a { font-family:"PT Sans Narrow", "Arial Narrow", Arial; font-size:24px; color:#fff; } #main #content .page .info .video-archive .item .title a:hover{ text-decoration:none; } #main #content .page .info .video-archive .item a.vthumb { display:block; width:220px; height:166px; float:left; position:relative; } #main #content .page .info .video-archive .item a.vthumb img { position:absolute; top:60px; left:87px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50);} #main #content .page .info .video-archive .item a.vthumb:hover img { opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);} #main #content .page .info .video-archive .item .body { height:166px; margin-left:240px; padding-top:10px; font-family:Arial; } #main #content .page .info .video-archive .item .body a.tit{ display:block; font-family:"PT Sans Narrow", "Arial Narrow", "Arial"; color:#222; text-decoration:none; font-size:18px; } #main #content .page .info .video-archive .item .body .datetime{ font-family:Arial; font-size:11px; color:#888; font-weight:bold; } #main #content .page .info .video-archive .item .body a.desc { margin-top:10px; display:block; font-family:Arial; font-size:12px; color:#444; text-decoration:none; } #main #content .page .info .video-archive .item .body a:hover { color:#b00; } #main #content .page .info .video-list table { border-collapse:collapse; border-spacing:0 0; vertical-align:top; text-align:left; } #main #content .page .info .video-list table td { padding:0 24px 20px 0; } #main #content .page .info .video-list table td.nomargin { padding:0 0 20px 0; } #main #content .page .info .video-list table .item { width:200px; } #main #content .page .info .video-list table .item .datetime { color:#888; font-family:Arial; font-size:12px; font-weight:bold; margin-bottom:10px; } #main #content .page .info .video-list table .item a { display:block; text-decoration:none; } #main #content .page .info .video-list table .item a.vthumb { position:relative; width:200px; height:150px; display:block; } #main #content .page .info .video-list table .item a.vthumb img { position:absolute; left:77px; top:52px;opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50); } #main #content .page .info .video-list table .item a.vthumb:hover img { position:absolute; left:77px; top:52px;opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); } #main #content .page .info .video-list table .item a.title { color:#222; font-family:"PT Sans Narrow", "Arial Narrow", "Arial"; font-size:18px; margin-top:5px; } #main #content .page .info .video-list table .item a.text { color:#444; font-family: "Arial"; font-size:12px; margin-top:5px; } #main #content .page .info .video-list table .item a:hover { color:#bb0000; } #main #content .page .info .social-likes { margin:10px 0; padding:5px 0; border:dotted 1px #aaa; border-left:none; border-right:none; } #main #content .page .info .social-likes table { border-collapse:collapse; border-spacing:0; } #main #content .page .info .social-likes table td { padding:0; } #main #content .page .info .social-likes table td .fb-like{ position:relative; top:-3px; } #main #content .page .info .comments { margin-top:30px; padding-top:10px; border-top:dotted 1px #767676; } #main #content .page .info .comments table.comment { border-collapse:collapse; border-spacing:0; width:100%; font-family:Arial; font-size:12px; } #main #content .page .info .comments table.comment .body { padding:10px; background-color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #main #content .page .info .comments table.comment td { padding:20px 0 5px 0; vertical-align:top; text-align:left;} #main #content .page .info .comments table.comment td.userpic { width:65px; background-image:url(./pic/comment-lmark.png); background-repeat:no-repeat; background-position:55px 30px;} #main #content .page .info .comments table.comment td.data{ } #main #content .page .info .comments table.comment td.data .user { } #main #content .page .info .comments table.comment td.data .user a{ font-weight:bold; position:relative; top:-3px;} #main #content .page .info .comments table.comment td.data .datetime{ color:#888; font-size:11px; font-style:italic; margin-top:3px; } #main #content .page .info .comments table.comment td.data .text{ margin-top:10px; } #main #content .page .info .comments table.comment td.data .text.deleted{ color:#f00; } #main #content .page .info .comments table.comment td.data .links{ margin-top:10px; } #main #content .page .info .comments table.comment td.data .links a { border-bottom:dotted 1px #b00; text-decoration:none; } #main #content .page .info .comments table.comment td.data .links a:hover { border-bottom-color:#000; } #main #content .page .info .comments table.comment td.data .links a:hover { border-bottom-color:#000; } #main #content .page .info .comments table.comment td.tab { background-image:url(./pic/comments-tab-20px.png); width:0px; } #main #content .page .info .comments table.comment td.tab.l1 { width:20px; } #main #content .page .info .comments table.comment td.tab.l2 { width:40px; } #main #content .page .info .comments table.comment td.tab.l3 { width:60px; } #main #content .page .info .comments table.comment td.tab.l4 { width:80px; } #main #content .page .info .comments table.comment td.tab.l5 { width:100px; } #main #content .page .info .comments table.comment td.tab.l6 { width:120px; } #main #content .page .info .comments table.comment td.tab.l7 { width:140px; } #main #content .page .info .comments table.comment td.tab.l8 { width:160px; } #main #content .page .info .comments table.comment td.tab.l9 { width:180px; } #main #content .page .info .comments table.comment td.tab.l10 { width:200px; } #main #content .page .info .comments #comment-input { } #main #content .page .info .comments #comment-input > img { border:solid 1px #444; width:50px; height:50px; position:relative; left:5px; top:25px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); } #main #content .page .info .comments #comment-input textarea { width:90%; height:150px; background:#fff; border:solid 1px #444; resize:none; margin-bottom:5px; padding:30px 5px 5px 5px; font-family:Arial; font-size:14px; } #main #content .page .info .comments #comment-input input { background:#444; font-size:14px; font-family:Arial; color:#fff; padding:5px 20px; border:none; cursor:pointer; } #main #content .page .info .comments #comment-input input:hover { background:#b00; } #main #content .page .info .comments #comment-input .details { display:inline-block; margin-left:20px; position:relative; top:-10px; } #main #content .page .info .comments #comment-input .details .loading { display:none; font-family:Arial; font-size:12px; color:#888; } #main #content .page .info .comments #comment-input .details .message { display:none; padding:5px; background-color:#3caa3c; color:#fff; font-family:Arial; font-size:12px; } #main #content .page .info .comments #comment-input .hint { color:#888; font-size:11px; color:#666; font-family:Arial; margin-left:5px; display:inline-block; } #main #content .page .info .comments #nocomments { padding:10px 0; font-family:Arial; font-size:12px; } #main #content .page .info .comments .auth-alert { margin-top:20px; font-family:Arial; font-size:12px; padding:20px; background-color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #main #content .page .info .comments .auth-alert img { position:relative; top:3px; } #main #content .page .info .same-news { margin-top:30px; padding-top:10px; border-top:dotted 1px #767676; } #main #content .page .info .same-news { font-family:Arial; font-size:12px; } #main #content .page .info .same-news table tr td { padding-bottom:10px; } #main #content .page .info .same-news table tr td:first-child { text-align:right; padding-right:10px; font-size:11px; color:#888; font-style:italic; } #main #content .page .info .videos-same-chapter { position:relative; top:3px; padding-top:10px; border-top:dotted 1px #444;} #main #content .page .info .videos-same-chapter table tr td { width:130px; padding:0px 0px 20px 20px; font-family:Arial; font-size:12px; } #main #content .page .info .videos-same-chapter table tr td:first-child { padding-left:0px; } #main #content .page .info .videos-same-chapter table tr td a { line-height:16px; } #main #content .page .info .videos-same-chapter table tr td a img { margin-bottom:5px; } #main #content .page .info .registration { } #main #content .page .info .registration form table tr td { padding:10px; vertical-align:middle; } #main #content .page .info .registration form table tr td input.txt { font-family:Arial; font-size:18px; width:300px; background:#fff; border:none; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5x; } #main #content .page .info .registration form table tr td input.txt:focus { color:#fff; background:#b00; border:none; } #main #content .page .info .registration form table tr td input.submit { font-size:18px; cursor:pointer; color:#fff; background:#222; border:none; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5x;} #main #content .page .info .registration form table tr td input.submit:hover {background:#b00; } #main #content .page .info .registration .errors {padding:10px; color:#b00; } #main #content .page .info .polls { } #main #content .page .info .polls .poll { margin-bottom:40px; border-bottom:dotted 1px #aaa; padding-bottom:10px;} #main #content .page .info .polls .msg{ text-align:center; } #main #content .page .info .polls table { border-collapse:collapse; border-spacing:0; } #main #content .page .info .polls table td { padding:0 0 10px 0; } #main #content .page .info .polls input.button { cursor:pointer; border:none; background-color:#cc3737; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:5px; color:#fff; font-family:Arial; font-size:12px; } #main #content .page .info .polls input.button.res { background-color:#444; } #main #content .page .info .polls .poll_res { display:none; } #main #content .page .info .polls .poll_res.visible { display:block; } #main #content .page .info .polls .poll_res .item { margin-bottom:20px; } #main #content .page .info .polls .poll_res .item .text { color:#444; } #main #content .page .info .polls .poll_res .item .votes { color:#888; font-size:10px; margin-top:10px; } #main #content .page .info .polls .poll_res .item .gauge { width:2px; background-color:#bb1919; margin-top:3px; height:10px; background-image:url(./pic/poll-gauge.png); background-repeat:repeat-y; } #main #content .page .info .search { margin-bottom:20px; } #main #content .page .info .search table { width:100%; } #main #content .page .info .search table input.txtbig{ width:95%; height:24px; padding:5px;font-family:Arial; font-size:18px; } #main #content .page .info .search table input.submit{ height:34px; background-color:#b00; color:#fff; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; font-family:Arial; width:150px;} #main #content .page .info p{ margin-bottom:20px; } #main #content .page .rsidebar { padding-top:24px; float:right; width:300px; margin-right:10px; } #main #content .page .rsidebar .newstrip { background:url(./pic/bg-newstrip.png); padding:20px 30px 30px 5px; } #main #content .page .rsidebar .newstrip .dow { font-family:"PT Sans Narrow", "Arial Narrow", "Arial"; font-size:18px; color:#444; margin-left:35px; margin-bottom:10px; } #main #content .page .rsidebar .newstrip .item { background-image:url(./pic/rside/vsep.png); background-repeat:repeat-y; margin-bottom:16px; } #main #content .page .rsidebar .newstrip .item .left { float:left; width:71px; } #main #content .page .rsidebar .newstrip .item .left .in { padding-right:5px; text-align:right; } #main #content .page .rsidebar .newstrip .item .left .in .time { font-size:10px; color:#666; margin-bottom:5px; } #main #content .page .rsidebar .newstrip .item .left .in .icon { margin-left:3px; display:inline-block; background-color:#c92121; color:#fff; font-family:Arial; font-size:11px; padding:1px 3px; } #main #content .page .rsidebar .newstrip .item .left .in .comments-count { text-align:right; margin-top:5px; } #main #content .page .rsidebar .newstrip .item .left .in .comments-count .b { display:inline-block; background-image:url(./pic/comm-count-mark.png); background-position:right bottom; background-repeat:no-repeat; padding-right:4px; } #main #content .page .rsidebar .newstrip .item .left .in .comments-count .b .in { padding:1px 2px; background-color:#222; font-family:Arial; font-size:10px; color:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} #main #content .page .rsidebar .newstrip .item .right { margin-left:77px; } #main #content .page .rsidebar .newstrip .item .right a { color:#444; text-decoration:none; } #main #content .page .rsidebar .newstrip .item .right a:hover { color:#b00; } #main #content .page .rsidebar .calendar-box { background:url(./pic/bg-newstrip.png); padding:20px 10px 30px 10px; } #main #content .page .rsidebar .calendar-box table { } #main #content .page .rsidebar .calendar-box table tr td { width:40px; height:40px; text-align:center; vertical-align:middle; } #main #content .page .rsidebar .calendar-box table tr td.sel { background-color:#bb0000; color:#fff; } #main #content .page .rsidebar .calendar-box table tr td .day-box { position:relative; width:40px; height:40px; } #main #content .page .rsidebar .calendar-box table tr td .day-box a { display:block; width:30px; height:30px; position:absolute; left:5px; top:5px; text-decoration:none; background-color:#888; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; } #main #content .page .rsidebar .calendar-box table tr td .day-box a .in { text-align:center; padding-top:10px; } #main #content .page .rsidebar .calendar-box table tr td .day-box a:hover { background-color:#444; width:34px; height:34px; top:3px; left:3px; } #main #content .page .rsidebar .calendar-box table tr td .day-box a:hover .in { padding-top:12px; } #main #content .page .rsidebar .calendar-box table tr.dow td { color:#888; } #main #content .page .rsidebar .calendar-box table tr.dow td.weekend { color:#b00; } #main #content .page .rsidebar .calendar-box table tr.navi a { font-size:18px; } #main #footer { width:100%; height:130px; position:absolute; bottom:0; left:0; background-image:url(./pic/f/bg.png);} #main #footer .inner > .copyright { position:absolute; top:20px; width:270px; height:90px; background-image:url(./pic/f/logo.png); background-repeat:no-repeat; } #main #footer .inner > .copyright > .in { padding:26px 0 0 55px; color:#fff; line-height:15px; } #main #footer .inner > .counters { position:absolute; left:300px; top:48px; } #main #footer .inner > .social { position:absolute; left:300px; top:10px; } #main #footer .inner > .social a { float:left; margin-right:10px; } #main #footer .inner > .tmp-pages { position:absolute; right:10px; top:20px; } #main #footer .inner > .tmp-pages a { color:#fff; margin-left:10px; }