@charset "utf-8";
/* CSS Document */

/* Elements Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; font:12px/1.8 "宋体";}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
img{border:none;}
html,body{height:100%;}
body{background:url(../images/mainBg.jpg) repeat-x center 37px;}


/* Links */
a,a:link,a:visited{color:#999; text-decoration:none;}
a:hover,a:active{color:#D93909; text-decoration:underline;}


/* Clear Float */
.clear{clear: both; font-size:1px; width:1px; height:0; visibility: hidden; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 85%;}
* html .clearfix {height:1%;}
*+html .clearfix {min-height:1%;}

/* Layers Here */
#loadWrap{margin:0 auto;height:37px; background:url(../images/ogTop.gif) repeat-x;}
#topload{ margin:0 auto; width:800px; height:37px;}
#wrap{ width:982px;margin:0 auto; margin-top:285px; overflow:auto;}
#nav{ width:907px; height:36px; overflow:hidden; padding-left:53px; background:url(../images/nav.gif) no-repeat center bottom; margin:0 auto;}
#nav li{ float:left; margin-left:3px; *display:inline;}
#nav li a,#nav li a:link,#nav li a:visited{ float:left; display:block; height:36px;}
#nav li a:hover,#nav li a:active{}
#nav li a.index{ width:106px; background:url(../images/icon.png) no-repeat 0 0;}
#nav li a.love{ width:122px; background:url(../images/icon.png) no-repeat -109px 0;}
#nav li a.jingwu{ width:106px; background:url(../images/icon.png) no-repeat -234px 0;}
#nav li a.mengxiang{ width:106px; background:url(../images/icon.png) no-repeat -343px 0;}
#nav li a.index:hover{ width:106px; background:url(../images/icon.png) no-repeat 0 -45px;}
#nav li a.love:hover{ width:160px; background:url(../images/icon.png) no-repeat -109px -45px;}
#nav li a.jingwu:hover{ width:136px; background:url(../images/icon.png) no-repeat -272px -45px;}
#nav li a.mengxiang:hover{ width:129px; background:url(../images/icon.png) no-repeat -411px -45px;}


#nav li a.indexCurrent{ width:106px; background:url(../images/icon.png) no-repeat 0 -45px;}
#nav li a.loveCurrent{ width:160px; background:url(../images/icon.png) no-repeat -109px -45px;}
#nav li a.jingwuCurrent{ width:136px; background:url(../images/icon.png) no-repeat -272px -45px;}
#nav li a.mengxiangCurrent{ width:129px; background:url(../images/icon.png) no-repeat -411px -45px;}


.wrapClass{ width:902px; height:563px; margin:0 auto; overflow:hidden; background:url(../images/wrapClass.gif) no-repeat; padding-left:68px; padding-top:40px;}
h1{ font-family:"黑体"; font-size:16px; height:24px; line-height:24px; text-align:left; position:relative;color:#333;}
h1 span{color:#aaa; font-family:"宋体"; font-size:12px; position:absolute; right:0; top:0;}
.mainVideo{ width:408px; height:400px; text-align:center; float:left; clear:left;}
.info{ width:318px; height:135px; padding-left:98px; position:relative; text-align:left;}
.info .icon{width:80px;height:90px;overflow:hidden;background:url(../images/icon.png) no-repeat -623px 0;position:absolute;top:20px;left:0;}
.info p{color:#666; text-indent:1.5em;}
.info p a,.info p a:link,.info p a:visited{color:#ea7719;}
.info p a:hover,.info p a:active{}
.videoList{ float:right; clear:right; *display:inline; width:384px;background:#f7f7f7; border:1px solid #e5e5e5; margin-right:68px;padding-bottom:10px;}
.title{ width:384px; height:57px; clear:both; background:url(../images/icon.png) no-repeat -305px -101px; position:relative;}
.mainList{ width:338px; border-bottom:1px solid #ececec; margin:0 auto; text-align:left;color:#949494; clear:both; padding:15px;overflow:auto;}
.mainList h2{font-size:14px; font-weight:bold;color:#767676; line-height:20px;}
.mainList h2 a,.mainList h2 a:link,.mainList h2 a:visted{font-size:14px; font-weight:bold;color:#767676;}
.mainList h2 a:hover,.mainList h2 a:active{color:#4694d4}
.mainList dt{ float:left; background:url(../images/videoBg.gif) no-repeat; width:99px; height:77px;text-align:center; padding-top:2px;padding-right:20px;}
.mainList dt img{ vertical-align:middle; display:block; border:1px solid #b7b7b7; width:93px; height:73px; margin:0 auto; }

.mainList dd p{ line-height:18px;}
.noBottomLine{ border-bottom:none;}

/* love.html's style */
h3{ width:844px; margin:0 auto; border-bottom:1px solid #666; height:40px; text-align:left;}
h3 span{ display:block; width:114px; height:24px; background:url(../images/icon.png) no-repeat 0 -136px; margin-top:10px;}
.wrapLove{ width:960px; margin:0 auto;overflow:hidden;padding-top:30px; border:1px solid #efefef; background:#fff; border-top:none;}
.bigWidth{ width:844px; padding:15px; overflow:auto}
.bigWidth dt input{ width:159px; height:119px;}
.bigWidth dt{float:left; background:url(../images/videoBigBg.gif) no-repeat; width:165px; height:125px;text-align:center; padding-top:2px;padding-right:20px;}
.bigWidth dd p{ line-height:18px;}
.bigWidth dd p.raceTop{ margin-top:20px; position:relative;_width:644px;}
a.seeMore{ display:block; width:109px; height:26px; overflow:hidden; position:absolute; top:0; right:0; background:url(../images/icon.png) no-repeat 0 -94px;}
.page{ width:844px; height:30px;text-align:center; margin:0 auto; position:relative; padding-top:10px;}
.page ul li{ display:inline;}
.page ul li a{color:#999; font-family:Arial; font-size:11px;}
.page ul li a:hover{color:#4694d4}
a.goDefault{ width:69px; background:url(../images/icon.png) no-repeat -125px -101px;display:block; height:19px; overflow:hidden; position:absolute; top:10px;right:54px;}
.page a.goTop{ width:38px; background:url(../images/icon.png) no-repeat -202px -101px;display:block; height:19px; overflow:hidden; position:absolute; top:10px;right:0px;}
a.goVideoList{width:47px; background:url(../images/icon.png) no-repeat -247px -101px;display:block; height:14px; overflow:hidden; position:absolute; top:24px;right:30px;}

h4{ width:844px; margin:0 auto; border-bottom:1px solid #666; height:40px; text-align:left; line-height:40px; position:relative;}
h4 strong{ font-size:16px; font-family:"黑体"; font-weight:normal;color:#686868;}
h4 span{color:#999; position:absolute; bottom:0; right:0;}

.videoArea{ width:844px; margin:0 auto; padding:20px 0; border-bottom:1px solid #ececec;}
.wrapVideo{ width:960px; margin:0 auto;overflow:hidden;padding-top:30px; border:1px solid #efefef; background:#fff; border-top:none;}
.articleArea{ padding-bottom:20px; margin:0 auto; width:844px;border-bottom:1px solid #ececec;}
.articleArea p{color:#959595; text-indent:1.5em; margin:0 auto; margin-top:20px; width:840px; text-align:left;}

h5{width:844px; text-align:left; height:30px; line-height:30px; position:relative; font-weight:bold;color:#888; margin:0 auto; padding:10px 0}
a.rightZero{ right:0;}
.recList{ margin:0 auto; margin-bottom:20px; width:822px;padding:15px; padding-left:20px; padding-right:0; overflow:auto; border:1px solid #ececec; background:#f8f8f8;}
.recList dl{ width:200px;float:left;}
.recList dl dt{float:left; background:url(../images/videoBg.gif) no-repeat; width:99px; height:77px;text-align:center; padding-top:2px;padding-right:5px;}
.recList dl dt img{ width:93px; height:74px; vertical-align:middle;}
.recList dl dd p{ word-break:break-all; word-wrap:break-wrap;color:#999; text-align:left; *width:88px;}
.recList dl dd p a,.recList dl dd p a:link,.recList dl dd p a:visited{color:#898989px; font-weight:bold;}
.recList dl dd p a:hover,.recList dl dd p a:active{color:#4694d4;}