/* CSS Document */
*{margin:0; padding:0; border:0;}
body{font:12px/1.5em Verdana,Tahoma,Simsun,Microsoft YaHei,Arial Unicode MS,Mingliu,Arial,Helvetica; background:url(images/bg.gif) #4487b4 repeat-x; color:#414141;}
h1,h2,h3,h4,h5{font-size:1em;font-weight:400;}
table{border-collapse:collapse;}
legend{display:none;}
address,caption,em,th,i{font-style:normal; font-weight:400;}
ol,ul{list-style-type:none;}
input,textarea{ font:12px/1.5em Verdana,Tahoma,Simsun,Microsoft YaHei,Arial Unicode MS,Mingliu,Arial,Helvetica; color:#666;}
input{ padding:0 3px;}
textarea{ padding:3px;}

/* 颜色属性 */
.cRed,a.cRed:link,a.cRed:visited{color:Red;}
.cDRed,a.cDRed:link,a.cDRed:visited{color:#DB3105;}

/*链接*/
a{outline:none;}
a:link,a:visited{text-decoration:none;color:#444;}
a:hover{ color:#444; text-decoration:underline;}

/*layout*/
#content{width:950px; margin:0 auto;}
#left{ width:565px; float:left;}
#right{ width:370px; float:right;}
.clearFix{overflow:hidden; _zoom:1; clear:both;}

/*头部*/
#logo,#catchword{ float:left; background:url(images/logo.gif) no-repeat; margin:8px 0 0 0; text-indent:-9999px;}
#logo a{ display:block; width:112px; height:26px;}
#catchword{ background:url(images/catchword.gif) no-repeat; width:352px; height:26px;}
#topInfo{ float:right; height:37px;}
#topInfo p{ float:right; color:#fff; margin:12px 5px 0 0;}
#topInfo p a{ color:#c4e1e8; text-decoration:underline;}
#topInfo p a:hover{ color:#fff;}
#topInfo ul{ padding:12px 5px 0 0; height:25px; background:url(images/topLine.gif) no-repeat 37px 100%; overflow:hidden; float:right;}
#topInfo li{float:left;}
#topInfo li a{ display:block; text-indent:-9999px; width:17px; height:17px; margin-left:10px; overflow:hidden; _zoom:1;}
#topInfo li.home a{ background:url(images/topInfo.gif) no-repeat 0 -102px; margin-right:15px;}
#topInfo li.simplified a,#topInfo li.simplified a:hover,#topInfo li.traditional a,#topInfo li.traditional a:hover,#topInfo li.english a,#topInfo li.english a:hover{ background:url(images/topInfo.gif) no-repeat;}
#topInfo li.simplified a{ background-position:0 -17px;}
#topInfo li.simplified a.now,#topInfo li.simplified a:hover{ background-position:0 0;}
#topInfo li.traditional a{ background-position:0 -51px;}
#topInfo li.traditional a.now,#topInfo li.traditional a:hover{ background-position:0 -34px;}
#topInfo li.english a{ background-position:0 -85px;}
#topInfo li.english a.now,#topInfo li.english a:hover{ background-position:0 -68px;}

/*导航*/
#navBar{ height:105px; padding:0 20px;}
#leftBar{ float:left;}
#rightBar{ float:right;}
#navBar a{ display:block; height:43px; line-height:50px; color:#fefffd; font-size:14px; font-weight:700; text-align:center; overflow:hidden; _zoom:1; _float:left;}
.menu{ margin-top:31px;}
.menu li{ float:left; margin-right:31px;}
.menu li.last{ margin-right:0;}
.menu li.short a,.menu li.long a{ background:url(images/navBarBG.png) no-repeat; text-decoration:none;}
.menu li.short a{ background-position:0 0; width:98px;}
.menu li.short a:hover,.menu li.short a.now{ background-position:0 -43px;}
.menu li.long a{ background-position:0 -86px; width:123px;}
.menu li.long a:hover,.menu li.long a.now{ background-position:0 -129px;}

/*footer*/
#footer{ background:url(images/BG.png) no-repeat 100% -124px;}
.footerLeft{ background:url(images/BG.png) no-repeat 0 0; margin-right:20px;}
.footerMain{ background:url(images/BG.png) repeat-x 0 -62px; margin-left:20px; height:62px;}
#footer p{ text-align:center; padding-top:10px; color:#e1e0e5;}

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*◇        首页         ◇*/
/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
#recommendVideo,#newVideo,#hotVideo,#detailVideo,#comments,#introduction,#otherVideo,#List,#hotList{ margin-bottom:15px;}
#recommendVideoLeft{ width:375px; border-right:1px solid #e2e2e4; background:url(images/videoBG_LB.gif) #f0f0f2 no-repeat 0 100%; float:left;}
#mainVideo{ background:url(images/videoBG_LT.gif) no-repeat 0 0; padding:24px 20px;}
#mainVideoContent{ background:url(images/videoBG.png) no-repeat; width:325px; height:296px; margin:0 auto; padding:5px 0 0 5px;}
#mainVideoContent a,#mainVideoContent span{ margin:5px 10px; color:#888;}
#mainVideoContent a{ font-size:14px; color:#5274a1; display:block;}
#recommendVideoRight{ float:left; width:574px;}
#recommendVideoRight .title{ margin:0 15px 0 0;}
#recommendVideoRight .title h2{ background:url(images/title.png) no-repeat 0 0; margin-left:15px;}
#recommendVideoRight .box{ padding:15px 20px 0 20px;}
#recommendVideoRight .box .picLi{ padding-left:7px;}
#recommendVideoRight .box .picLi li p a{ color:#5274a1;}

#newVideo,#hotVideo,#detailVideo,#comments,#introduction,#otherVideo,#List,#hotList{ padding-bottom:10px;}
#newVideo .title h2{ background:url(images/title.png) no-repeat 0 -36px;}
#hotVideo .title h2{ background:url(images/title.png) no-repeat 0 -72px;}

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*◇        内页         ◇*/
/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
#detailVideo .title h2{ background:url(images/title.png) no-repeat 0 -108px; color:#07549c; height:24px; text-indent:45px; padding-top:12px; font-size:14px; font-weight:700;}
#detailVideoLeft{ width:385px; background:url(images/line_yy.gif) #fcfcfc repeat-y 100% 0; float:left;}
#Video{ width:320px; height:240px; padding:5px; margin:0 auto; background:url(images/videoBG1.gif) no-repeat;}
#VideoInfo{ padding:5px 5px 5px 32px; color:#888;}
#VideoInfo span{ padding-left:13px; margin-right:10px;}
#VideoInfo span.name,#VideoInfo span.hot,#VideoInfo span.comment,#VideoInfo span.time{ background:url(images/icon.png) no-repeat;}
#VideoInfo span.name{ background-position:0 2px; *background-position:0 0;}
#VideoInfo span.hot{ background-position:0 -14px;}
#VideoInfo span.comment{ background-position:0 -30px;}
#VideoInfo span.time{ background-position:0 -46px;}
#detailVideo .box{ float:left; width:535px; height:280px; overflow:auto; padding:10px 10px 10px 20px;}
#detailVideo .box p{ font-size:14px; text-indent:2em; margin-bottom:10px; line-height:1.6em;}

#comments .title h2{ background:url(images/title.png) no-repeat 0 -144px;}
#comments .list{ margin-bottom:8px;}
.box#commentsInfo{ padding:0;}
#commentsInfo .conBotBG_yy{ padding:15px 20px 5px 20px;}
#commentsInfo p{ padding:8px 12px; word-wrap:break-word; word-break:break-all;}
#commentsInfo p a{ color:#07549c;}
#comments .page a,#List .page a{ color:#fff;}
#comments .page a.none,#List .page a.none{ color:#ccc;}
#commentsRefer table td.left{ width:70px; font-size:14px; text-align:right; vertical-align:top; padding-top:3px;}
#commentsRefer table td.right{ padding-bottom:10px;}
#commentsRefer table td a{ margin-left:5px; color:#07549c; text-decoration:underline;}

#introduction .title h2{ background:url(images/title.png) no-repeat 0 -180px;}
#guests{ margin-bottom:8px;}
#guests .photo{ float:left; margin-right:10px;}
#guests .info{ padding-top:3px; color:#07549c;}
#guests .info h2{ font-size:14px; font-weight:700; margin-bottom:8px;}
#guestsIntroduction p{ text-indent:2em; margin-bottom:8px;}

#otherVideo .title h2{ background:url(images/title.png) no-repeat 0 -216px;}

#List .title h2{ background:url(images/title.png) no-repeat 0 -252px;}
#List ul{ _padding-bottom:20px; overflow:hidden;}
#List li{ margin-bottom:20px;}

#hotList .title h2{ background:url(images/title.png) no-repeat 0 -288px;}
#hotList .box{ padding-top:10px;}

#record{ padding-bottom:10px; margin-bottom:15px;}
#record .title a{ float:right; line-height:36px; margin-right:10px; color:#1f6eb1;}
#recordSearch{ padding:5px 10px 10px 10px; text-align:right;}
#recordSearch input{ vertical-align:middle;}
#recordSearch span{ font-size:14px; color:#666;}

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*◇       common       ◇*/
/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*title*/
.titleRight{ background:url(images/BG.png) no-repeat 100% -258px;}
.titleLeft{ background:url(images/BG.png) no-repeat 0 -186px; margin-right:15px;}
.title{ background:url(images/BG.png) repeat-x 0 -222px; margin-left:15px;}
.title h2{ text-indent:-9999px; height:36px;}
.title h3{ height:36px; line-height:36px; font-size:14px; font-weight:700; color:#666;}
.title h3 span{ font-family:"微软雅黑"; font-size:18px; font-weight:400; color:#07549c;}
.box{ background:url(images/BG.png) #fcfcfc repeat-x 0 -381px; padding:15px 20px 5px 20px;}

.titleRight1{ background:url(images/BG.png) no-repeat 100% -352px;}
.titleLeft1{ background:url(images/BG.png) no-repeat 0 -294px; margin-right:12px;}
.title1{ background:url(images/BG.png) repeat-x 0 -323px; margin-left:12px; height:29px; line-height:29px; color:#07549c;}
.title1 h2{ float:left; margin-right:10px;}
.title1 span{ float:right;}

/*列表*/
.picLi li{ float:left; margin-right:60px;}
.picLi li.last{ margin-right:0;}
.picLi li p a{ color:#5274a1;}
.picLi li p.No1,.picLi li p.No2,.picLi li p.No3{ background:url(images/number.png) no-repeat 5px 6px; line-height:28px; padding-left:25px; width:108px; height:28px; overflow:hidden;}
.picLi li p.No2{ background-position:5px -25px;}
.picLi li p.No3{ background-position:5px -56px;}
.picLi li h2{ padding:2px; overflow:hidden; width:128px; height:18px;}
.picLi li p.hot,.picLi li p.comment,.picLi li p.time{ background:url(images/icon.png) no-repeat; line-height:16px; color:#888; padding-left:20px;}
.picLi li p.hot{ background-position:2px -13px;}
.picLi li p.comment{ background-position:2px -29px;}
.picLi li p.time{ background-position:2px -45px;}

.picLi1 li{ float:left; margin:0 6px 7px 0;}
.picLi1 li.last{ margin-right:0;}

.textLi li{ height:30px; line-height:30px; background:url(images/line.gif) repeat-x 0 0;}
.textLi li a{ font-size:14px;}
.textLi li span{ float:right; color:#888; margin-right:10px;}
.textLi li p.No4,.textLi li p.No5,.textLi li p.No6,.textLi li p.No7,.textLi li p.No8{ background:url(images/number.png) no-repeat; padding-left:31px;}
.textLi li p.No4{ background-position:12px -84px;}
.textLi li p.No5{ background-position:12px -115px;}
.textLi li p.No6{ background-position:12px -146px;}
.textLi li p.No7{ background-position:12px -176px;}
.textLi li p.No8{ background-position:12px -206px;}

.textLi1 li{ height:32px; line-height:32px; background:url(images/line.gif) repeat-x 0 100%;}
.textLi1 li.last{ background:none;}
.textLi1 li span{ font:18px Georgia; display:block; float:left; width:32px; padding:0 0 0 8px; line-height:28px; color:#888;}
.textLi1 li.top span{ color:#ff6600;}
.textLi1 li a{ font-size:14px;}

/*表格*/
.table{ width:100%; border-top:1px solid #164e7d;}
.table th{ height:25px; line-height:25px; border-left:1px solid #fff; background:url(images/BG.png) repeat-x 0 -80px; color:#fff; font-weight:700; text-align:center; font-size:12px;}
.table th.first{ border-left:none;}
.table tbody td{ padding:5px 10px; border-bottom:1px dashed #164e7d;}
.table col#TNumber,.table col#TTime,.table col#TPic,.table col#TPople{ text-align:center;}
.table col#TTitle{ font-size:14px;}
.table col#TViews,.table col#TPoints{ text-align:right;}
.table col#TPoints{ color:#f60;}
.table col#TTime{ color:#888;}

/*图片*/
.pic a{ display:block; background:#b2d0d8; padding:3px;}
.pic a:hover{ background:#5183a4;}
.photo{ border:1px solid #dbd9de; padding:3px;}

/*页面背景图片*/
.bgpic{ background:url(images/bgpic.jpg) no-repeat 50% 0;}
.conBotBG_yy{ background:url(images/conBotBG_yy.gif) repeat-x 0 100%;}
.conBotBG_long{ background:url(images/conBotBG_long.gif) no-repeat 0 100%;}
.conBotBG_long1{ background:url(images/conBotBG_long1.gif) no-repeat 0 100%;}
.conBotBG_middle{ background:url(images/conBotBG_middle.gif) no-repeat 0 100%;}
.conBotBG_short{ background:url(images/conBotBG_short.gif) no-repeat 0 100%;}
.line_yy{ background:url(images/detail_BG.gif) no-repeat 0 0; padding:15px 0 0 0;}

/*表单/按钮*/
.input{ border:1px solid #9bc3de; background:#fff;}

.buttonRefer,.buttonReferOver{ background:url(images/button.gif) no-repeat; cursor:pointer; width:63px; height:19px;}
.buttonRefer{ background-position:0 0;}
.buttonReferOver{ background-position:0 -19px;}
.buttonSearch,.buttonSearchOver{ background:url(images/buttonSearch.png) no-repeat; cursor:pointer; width:50px; height:22px;}
.buttonSearch{ background-position:0 0;}
.buttonSearchOver{ background-position:0 -22px;}

/*分页*/
.page{ padding:20px 12px 10px; text-align:center;}
.page a,.page span,.page span.custom{ height:18px; line-height:18px; padding:0 6px; display:inline-block; margin:0 1px; background:url(images/pageBG.gif) repeat-x; border:1px solid #3586bd; color:#fff;}
.page a:hover,.page span.now{ background:url(images/pageBG.gif) repeat-x 0 -18px; border:1px solid #aad83e; text-decoration:none;}
.page span.now{ font-weight:700; color:#fff;}
.page span,.page span.custom{ background:none; border:1px solid #dadada; color:#ccc;}
.page span.custom{ margin-right:30px;}

/*弹出层*/
.layer .topR{ background:url(images/layerBG.png) no-repeat 100% 0;}
.layer .topL{ background:url(images/layerBG.png) no-repeat 0 0; margin-right:15px;}
.layer .topM{ background:url(images/layerBG.png) repeat-x 0 -32px; margin-left:15px; height:32px;}
.layer .topM h2{ color:#fff; font-size:14px; font-weight:700; line-height:32px;}
.layer .topM span{ float:right; margin:7px 0 0 0;}
.layer .topM span a{ display:block; background:url(images/layerClose.gif) no-repeat; width:17px; height:17px; text-indent:-9999px; overflow:hidden;}
.layer .topM span a:hover{ background-position:0 -17px;}
.layer .mainBox{ border:2px solid #18587d; background:#fff; padding:20px;}
.layer .login col#className,.layer .login td.left{ font-size:14px; text-align:right; width:60px;}
.layer .login td{ padding:3px;}
.layer .login td a{ color:#0e83a1; text-decoration:underline;}
.layer .input{ border:1px solid #4590bb; background:#d5e9f5; height:23px; float:left; line-height:23px; color:#000; font-weight:700; font-size:14px;}
.layer span.code{ display:inline-block; margin-left:5px; _margin-left:3px;}
.layer .button{ padding:15px 0 0 90px;}
.layer .button a{ display:block; float:left; background:url(images/layerButton.png) no-repeat; width:73px; height:26px; text-indent:-9999px; overflow:hidden; margin-right:40px;}
.layer .button a.login{ background-position:0 0;}
.layer .button a:hover.login{ background-position:0 -26px;}
.layer .button a.cancel{ background-position:0 -52px;}
.layer .button a:hover.cancel{ background-position:0 -78px;}