@charset "utf-8";
/* CSS Document */
/*html5*/
header, section, footer, aside, article, figure {display: block;}

a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none;}
img{ border:0px;}
body{ background: url(../img/fill.png) repeat; color:#000; position: relative; font-family: Verdana, Geneva,"宋体", Helvetica, sans-serif;}
dt,dd,p{ line-height:1.5em;}
#footer p a{color:#696969;}

.layout{ margin:0 auto; clear:both; width:980px; padding:0; margin-bottom:10px}
.layout:after{content:""; display:table; clear:both}
.mt18{ margin-top:18px;}

.review-item h3,
.review-item .re_cont dt .playico{background:url(../img/mainbg.png) no-repeat;}

#header{ width:100%; height:226px; position:relative; background:url(../img/top_pic.jpg) center top no-repeat;}


/* 播放器
----------------------------------------------------------------------------------------------------------------------*/
.loading{ background: #333;}
.videobox{ width:980px; height:522px; background:url(../img/videobg.png) center top no-repeat;}
.playerArea{ float:left; width:573px; margin:15px; overflow:hidden; display:inline;}
.playerArea h2{ height:30px; font: normal 14px/30px "微软雅黑";}
.playerArea .video{ width:554px; height:436px; padding:10px;}

/*视频列表
----------------------------------------------------------------------------------------------------------------------*/
.videolist{ float:right; margin-right:15px; margin-top:46px; width:350px; height:453px; padding-left:8px; border:1px solid #D7D7D7; border-right:none; background:#156F91; position:relative; overflow:hidden; overflow-y:auto; _display:inline; *padding-bottom:4px;}
.videolist ul li{ width:154px; height:101px; float:left; margin:6px 3px; position:relative; overflow:hidden; cursor:pointer;}
.videolist ul li img{ border:2px solid #FEFFFF; opacity:0.6; filter:alpha(opacity=60);}
.videolist ul li p{ width:140px; height:24px; line-height:24px; padding:0 5px; display:block; background:#000; position:relative; margin-top:-28px; *margin-top:-26px;  left:2px; text-align:center; opacity:0.75; filter:alpha(opacity=75); color:#fff; overflow:hidden;}
.videolist ul li .playbt{ width:43px; height:43px; display:none; position:relative; top:-76px; left:56px; background:url(../img/playbt.png) no-repeat;}
.videolist ul li.current img,.videolist ul li:hover img{opacity:1; filter:alpha(opacity=100); -moz-transition:500ms; -webkit-transition:500ms; transition:500ms;}
.videolist ul li:hover p{ opacity:0; filter:alpha(opacity=0); -moz-transition:500ms; -webkit-transition:500ms; transition:500ms;}
.videolist ul li.current .playbt{ display:block;}
.videolist ul li.current p{ display:none;}

/* 通栏模块
----------------------------------------------------------------------------------------------------------------------*/
.layoutH2{ width:100%; height:38px; font:normal 15px/38px "微软雅黑"; padding-top:8px; text-indent:1em; color:#fff; text-shadow: #666 0px -1px 0px; background:url(../img/h2bg.png) -2px -2px no-repeat; overflow:hidden;}
.layoutH2 span{ color:#25EDED; font-size:20px; font-family:Verdana; text-shadow: #059AD2 0px -1px 0px; padding-left:10px;}
.layoutH2 .more{ float:right; font:normal 12px/46px "宋体"; text-shadow:none; padding-right:15px;}
.module01 { width:976px; padding:1px; padding-bottom:20px; background:#fff; border:1px solid #E9E9E9; box-shadow: #BABABA 0px 2px -3px 2px; border-radius:4px;}
.module01 .btn{width:21px; height:119px; border:1px solid #CCC; background: url(../img/btn.png) no-repeat #EFEFEF; border-radius:2px; margin-top:5px;}
.module01 .btn:hover{ border-color:#166F91; box-shadow:#8FCBEA 0px 0px 3px 1px;}
.module01 button#btnPre{ float:left; margin-left:14px; margin-right:5px; _margin-left:7px; background-position: 4px center;}
.module01 button#btnNext{ float:right; margin-right:14px; background-position: -16px center;}
.module01 button.none{ display:block; opacity:0.3; filter:alpha(opacity=30);}

/*滚图*/
.scrollbox{ width:895px; float:left; overflow:hidden; padding-top:4px; position:relative;}
.scrollbox .scroll-item{ width:163px; padding-right:20px; float:left; display:inline-block;}
.scrollbox .scroll-item .picBox{ width:155px; height:114px; padding:3px; border:1px solid #d2d2d2; overflow:hidden;}
.scrollbox .scroll-item .picBox:hover{ border-color:#166F91; box-shadow:#8FCBEA 0px 0px 3px 1px;}
.scrollbox .scroll-item p{ padding-top:4px;}

/* 往期回顾
----------------------------------------------------------------------------------------------------------------------*/
.review-item{ float:left; width:304px; height:275px; margin-left:14px; margin-top:4px; border:1px solid #D7D7D7;}
.review-item h3{ height:32px; font:normal 12px/32px Arial; text-indent:1em; border-bottom:1px solid #D7D7D7; background-position: 0px 1px;}
.review-item .re_cont{ padding:10px;}
.review-item .re_cont dt{ height:108px; clear:both;}
.review-item .re_cont dt .playico{ float:right; color:#F00; padding-left:40px; padding-right:10px; background-position: 10px -48px;}
.review-item .re_cont dt .picArea{ float:left; margin-right:10px;}
.review-item .re_cont dt .picArea img{border:1px solid #D7D7D7;}
.review-item .re_cont dt p{ padding-top:10px; height:58px; overflow:hidden; line-height:20px;}
.review-item .re_cont dd{ clear:both; width:100%; line-height:22px}

/* 独家策划
----------------------------------------------------------------------------------------------------------------------*/
.feature { width:739px; float:left; padding:1px; padding-bottom:10px; *padding-bottom:20px; background:#fff; border:1px solid #E9E9E9; box-shadow: #BABABA 0px 2px -3px 2px; border-radius:4px;}
.feature-item{float:left; width:326px; height:122px; padding:10px; margin-bottom:10px; margin-left:14px; display:inline; border:1px solid #D7D7D7;}
.feature-item .picArea{ float:left; padding-right:10px;}
.feature-item .picArea img{ border:1px solid #D7D7D7; }
.feature-item h3{ font-weight:normal; font-size:14px; line-height:22px;}
.feature-item p{ height:64px; padding-top:18px; color:#A7A7A7;}

/* 日历
----------------------------------------------------------------------------------------------------------------------*/
.datepicker{width:218px; float:right; padding:1px; background:#fff; border:1px solid #E9E9E9; box-shadow: #BABABA 0px 2px -3px 2px; border-radius:4px;}
.datepicker h2{ width:100%; height:38px; font:normal 15px/38px "微软雅黑"; padding-top:8px; text-indent:1em; color:#000; text-shadow: #666 0px -1px 0px; background:url(../img/h2bg.png) -400px -2px no-repeat; overflow:hidden;}
.Zebra_DatePicker .dp_daypicker th{background: #DFDFDF;}
.Zebra_DatePicker .dp_header{ border-bottom:1px solid #999; box-shadow: #999 0px 1px 4px -1px; font-size:14px; position:relative; background:url(../img/mainbg.png) 0 -125px no-repeat;}
.Zebra_DatePicker .dp_header .dp_previous{ width:100%; position:absolute; display:block; top:-34px; left:0; padding-top:12px; color:#000; background:url(../img/mainbg.png) 0 -90px no-repeat; text-shadow:#666 0px -1px 0px;}
.Zebra_DatePicker .dp_header .dp_next{ position:absolute; top:250px; left:0; color:#000; background:url(../img/mainbg.png) 0 -162px no-repeat; text-shadow:#666 0px -1px 0px;}
.Zebra_DatePicker .dp_caption{ font-size:14px; font-family:"微软雅黑"; text-shadow:#666 0px -1px 0px; }

/* webkit浏览器滚动条样式
----------------------------------------------------------------------------------------------------------------------*/
.videolist::-webkit-scrollbar { width:18px; background:url(../img/scrollbar.png) no-repeat;}
 
/* Track */
.videolist::-webkit-scrollbar-track { border:1px solid #D7D7D7;}
 
/* Handle */
.videolist::-webkit-scrollbar-thumb { border:1px solid #D5D5D5; background: #F9F9FB; -webkit-box-shadow: inset -10px 0 12px #E7E8ED; }

.videolist::-webkit-scrollbar-button{ width:14px; height:17px;}


/*广告模块*/
.ADbox{ width:900px; height:90px;}


.clear:after {
    height:0;
    content:".";
    clear:both;
    display:block;
    visibility:hidden;
    }