@charset "utf-8";/*--------------------------
睿翼 带你一起去看日全食专题样式
作者：chihong
msn:chihongke@hotmail.com
---------------------------*/
/*基本样式------------------*/
* {margin:0;padding:0;}
div,ul,dl{zoom:1;}
body{background:url(../images/bg.gif);text-align:center;}
body,td,th,.wrapper{color:#999;font-size:12px;line-height:1.5em;}
input,select{vertical-align:middle;line-height:normal;font-size:1em;}
a{outline:0;}
* html a{behavior:url(common/select.htc);}
a:link,a:visited,a:active{color:#CCC;text-decoration:underline;}
a:hover{color:#999;text-decoration:none;}
.ccolor,.ccolor a:link,.ccolor a:visited,.ccolor a:active,a.ccolor:link,a.ccolor:visited,a.ccolor:active{color:#EEE;}
.ccolor a:hover,a.ccolor:hover{color:#999;}
a.more:link,a.more:visited,a.more:active{color:#EEE;text-decoration:none;}
a.more:hover{color:#999;text-decoration:underline;}
img{border:0;vertical-align:middle;}
h1,h2,h3{color:#EEE;line-height:1.5em;font-family:Microsoft YaHei,SimSun;}
h4,h5,h6{line-height:1.5em;}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4,h5,h6{font-size:1em;color:#EEE;}
blockquote{padding:0 10px;text-align:justify;color:#999;}
blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5,blockquote h6{margin:0.75em 0 0.25em;}
blockquote strong{color:#CCC;}
blockquote p,blockquote table{margin:1em 0;}
blockquote li{margin:0.5em 0;}
blockquote ul,blockquote ol{margin:1em 0 1em 2em;zoom:normal;}
blockquote ul ul,blockquote ol ol,blockquote ul ol,blockquote ol ul{margin:0 0 0 2em;}
blockquote a:link,blockquote a:visited,blockquote a:active{text-decoration:underline;}
blockquote a:hover{text-decoration:none;}
blockquote img{margin:0.5em 0;}
p{word-break:break-all;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden;} 
/*页面结构--------------*/
.wrapper{margin:0 auto;width:1000px;text-align:left;}
/*--页头--------------*/
.header{position:relative;height:260px;background:url(../images/header.jpg) no-repeat 0 0;overflow:hidden;}
.header h1,.header h2{position:absolute;visibility:hidden;}
.brandingLogo{position:absolute;left:0;top:6px;background:url(../images/logo.jpg) no-repeat 0 0;width:96px;height:88px;line-height:999em;display:block;text-indent:-9999em;overflow:hidden;}
/*--页面主体---------*/
/*----内容区--------------*/
.main{padding:10px 10px 0;}
.index .main{padding:0 10px;}
.column{background:url(../images/column.gif);padding:1px;border:3px double #2E2E2E;margin-bottom:10px;}
.column .title{position:relative;min-height:34px;padding:0 10px 0 34px;background:url(../images/title_bg.gif) no-repeat 17px 10px;overflow:hidden;}
* html .column .title{height:34px;}
.column .title h2{float:left;position:relative;top:6px;white-space:nowrap;color:#FFF;font-size:14px;line-height:1.5em;zoom:1;}
.column .title h2 span.png{position:absolute;left:0;top:0;background:url(../images/title_h2.png) repeat-x 0 0;}
* html .column .title h2 span.png{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/title_h2.png',sizingmethod=scale);}
.column .title a.more{float:right;position:relative;top:8px;}
.column .content{clear:both;padding:10px;background:url(../images/content_bg.gif) repeat-x 0 0;}
.column .content a.more{margin:0 0 0 auto;display:block;width:6em;white-space:nowrap;}
.photolist{margin:0 -20px 0 -20px;list-style-type:none;overflow:hidden;}
.photolist li{position:relative;left:17px;float:left;margin:0 15px 5px 0;padding:130px 0 0;width:228px;height:1.5em;overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.photolist img{width:221px;height:125px;border:1px solid #1E1E1E;position:absolute;left:3px;top:0;}
.photolist a:link,.photolist a:visited,.photolist a:active{color:#EEE;text-decoration:none;}
.photolist a:hover{color:#999;text-decoration:underline;}
.content table{width:90%;margin:0 auto;border:none;border-collapse:collapse;border-spacing:5px;}
.index .content table{width:100%;}
.content table td,.content table th{background:#000;border:1px solid #4F4F4F;padding:4px 5px 3px;}
.content table th{color:#EEE;padding:6px 5px 5px;}
.center td,.center th{text-align:center;}
.content .notable td,.content .notable th{background:none;border:none;}
.content .notable1 td,.content .notable th{background:none;border:1px solid #000;padding:0;}
.f_l{float:left;width:284px;margin-right:5px;clear:right;}
.f_c{float:left;width:452px;}
.f_r{float:right;width:233px;}
.list{list-style-type:none;}
.list li{clear:both;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url(../images/icon.gif) no-repeat left center;padding:5px 0 4px 10px;border-bottom:1px solid #1E1E1E;}
.index .list li{border-bottom:none;padding:1px 0 0 10px;}
.list .time{float:right;}
.list a:link,.list a:visited,.list a:active{color:#999;text-decoration:none;}
.list a:hover{color:#CCC;text-decoration:underline;}
dl{overflow:hidden;margin:20px 0;}
dt{float:left;width:28%;text-align:right;height:1.5em;}
dt .ccolor{margin-right:1.5em;}
.input{background:#2E2E2E;color:#FFC;border:1px solid #000;padding:0 3px;}
.img_l { float:left; padding-right:10px; }
.b-time{clear:both; padding:2px;}
/*--页底--------------*/
.footer{text-align:center;padding:12px 0;color:#555;}
.footer a:link,.footer a:visited,.footer a:active{color:#555;text-decoration:none;}
.footer a:hover{color:#CCC;text-decoration:underline;}
/*----栏目--------------*/
/*-------焦点图-----------*/
.column_hotimg .content{padding:2px 5px;height:170px;background:none;margin-top:-8px;overflow:hidden;}
.column_hotimg .groud_photo{width:263px;height:165px;border:1px solid #1E1E1E;background:#000;overflow:hidden;}
.column_hotimg .groud_photo,.column_hotimg .groud_photo li{list-style-type:none;}
.column_hotimg .groud_photo img{width:263px;height:165px;}
.groud_photo_btntxt{width:263px;position:relative;margin:-1.5em auto 0 auto;font-size:10px;line-height:1.4em;text-align:right;z-index:4;opacity:0.6;filter:alpha(opacity=60);}
.groud_photo_btntxt a{padding:0 8px;border-left:2px solid #CCC;}
.groud_photo_btntxt a:link,.groud_photo_btntxt a:visited,.groud_photo_btntxt a:active{color:#FFF;background:#000;text-decoration:none;}
.groud_photo_btntxt a:hover{color:#000;text-decoration:none;background:#FFF;}
.groud_photo_btntxt a.btn_on:link,.groud_photo_btntxt a.btn_on:visited,.groud_photo_btntxt a.btn_on:active{color:#FFF;background:#333;}
.groud_photo_btntxt a.btn_on:hover{color:#000;background:#CCC;}
.groud_photo_txt{display:none;}
/*-------焦点视频-----------*/
.column_hotvideo .title{display:none;}
.column_hotvideo .content{padding:5px 5px;height:144px;background:none;overflow:hidden;}
.column_hotvideo .groud_photo{margin:0 auto;width:263px;height:142px;border:1px solid #1E1E1E;background:#000;overflow:hidden;}
.column_hotivideo .groud_photo,.column_hotvideo .groud_photo li{list-style-type:none;}
.column_hotvideo .groud_photo img{width:263px;height:142px;}
/*-------全球最佳陆地观测点-----------*/
.column_bestarea .content{min-height:285px;}
* html .column_bestarea .content{height:285px;}
.column_bestarea ul{list-style-type:none;}
.column_bestarea .bestarea li {position:relative;min-height:50px;padding:5px 0 0 70px;zoom:1;}
* html .column_bestarea .bestarea li {height:50px;}
.column_bestarea .bestarea li img{width:60px;height:50px;border:1px solid #1E1E1E;position:absolute;left:0;top:0;}
.column_bestarea p{clear:both;margin-bottom:5px; line-height:1.75em;}
.column_bestarea p strong{float:left;padding-bottom:3px;color:#EEE;}
.column_bestarea .txtlink{overflow:hidden;padding:20px 0 0;position:relative;left:12px;}
.column_bestarea .txtlink li{float:left;width:204px;margin:0 4px 10px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/*-------Google地图-----------*/
.column_Google_map .content a{height:191px;border:1px solid #1E1E1E;background: url(../images/Google_map.gif) no-repeat center top;line-height:999em;display:block;text-indent:-9999em;overflow:hidden;zoom:1;}
/*-------观测方式大全-----------*/
.column_observation .content{min-height:135px; line-height:1.75em;}
* html .column_observation .content{height:135px;}
.column_observation h4{ padding:2px 0;}
/*-------日全食百科-----------*/
.column_knowledge .content{min-height:147px;}
* html .column_knowledge .content{height:147px;}
.column_knowledge .list {padding-left:5px;}
.column_knowledge .list li{width:240px;padding:2px 0 1px 10px;}
.column_knowledge .list a:link,.column_knowledge .list a:visited,.column_knowledge .list a:active{color:#EEE;text-decoration:none;}
.column_knowledge .list a:hover{color:#999;text-decoration:underline;}


/*-------活动介绍-----------*/
.column_about{text-align:justify;}
* html .column_about{overflow:hidden;}
.column_about p{line-height:2em;}
.column_about .content {min-height:318px;}
.column_about .content:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
* html .column_about .content {height:318px;}
.column_about .content h3{font-size:1.17em;padding:25px 0 5px;}
.column_about .link1,.column_about .link2{position:relative;left:8px;width:191px;height:94px;border:1px solid #1E1E1E;line-height:999em;display:block;text-indent:-9999em;overflow:hidden;float:left;}
.column_about .link1 {background:url(../images/application_link1.jpg) no-repeat 0 0;margin-right:25px;}
.column_about .link2 {background:url(../images/application_link2.gif) no-repeat 0 0;}

/*-------日全食的过程-----------*/
.column_course .content{position:relative;padding:227px 10px 10px;}
.column_course .content img{position:absolute;left:15px;top:10px;}

/*-------2008年日全食与2009年日全食对比-----------*/
.column_contrast .content{min-height:270px;}
* html .column_contrast .content{height:270px;}

/*-------新闻-----------*/
.column_news .content{min-height:262px;}
* html .column_news .content{height:262px;}
.column_news .list li{padding:6px 0 5px 10px;}

/*-------中国20世纪7次日全食，你看过哪一次？-----------*/
.column_times .content{padding:18px 10px 30px;}

/*-------睿翼专区-----------*/
.column_mazda6 .content{padding:7px 0 2px;}
.column_mazda6 .content a{margin:0 auto 5px;width:209px;height:130px;border:1px solid #1E1E1E;display:block;line-height:999em;text-indent:-9999em;overflow:hidden;zoom:1; background-repeat:no-repeat; background-position:0 -6px;}
.column_mazda6 .link1{background-image:url(../images/mazda_01.jpg);}
.column_mazda6 .link2{background-image:url(../images/mazda_02.jpg);}
.column_mazda6 .link3{background-image:url(../images/mazda_03.jpg);}
.column_mazda6 .link4{background-image:url(../images/mazda_04.jpg);}
.column_mazda6 .link5{background-image:url(../images/mazda_05.jpg);}
.column_mazda6 .link6{background-image:url(../images/mazda_06.jpg);}
.column_mazda6 .link7{background-image:url(../images/mazda_07.jpg);}
.column_mazda6 .link8{background-image:url(../images/mazda_08.jpg);}
.column_mazda6 .link9{background-image:url(../images/mazda_09.jpg);}
.column_mazda6 .link10{background-image:url(../images/mazda_10.jpg);}
.column_mazda6 .link11{background-image:url(../images/mazda_11.jpg);}
.column_mazda6 .link12{background-image:url(../images/mazda_12.jpg);}
.column_mazda6 .link13{background-image:url(../images/mazda_13.jpg);}
.column_mazda6 .link14{background-image:url(../images/mazda_14.jpg);}
.column_mazda6 .link15{background-image:url(../images/mazda_15.jpg);}
.column_mazda6 .link16{background-image:url(../images/mazda_16.jpg);}
.column_mazda6 .link17{background-image:url(../images/mazda_17.jpg);}


/*-------日全食经典图片-----------*/
.column_solareclipse{clear:both;}

/*-------睿翼与火辣模特-----------*/
.index .column_model{float:left;width:479px;}
.column_model .content{ overflow:hidden;}
.column_model .photolist li{height:0;padding:150px 0 0;}
.index .column_model .photolist li{left:15px;margin:0 12px 5px 0;}
.column_model .photolist img{height:145px;}

/*-------睿翼壁纸-----------*/
.index .column_wallpaper{ float:right;width:479px;}
.column_wallpaper .content{ overflow:hidden;}
.column_wallpaper .photolist li{height:0;padding:150px 0 0;}
.index .column_wallpaper .photolist li{left:15px;margin:0 12px 5px 0;}
.column_wallpaper .photolist img{height:145px;}

/*-------睿翼视频-----------*/
.column_video {clear:both;}
.column_video ul{margin:0 0 0 -20px;list-style-type:none;overflow:hidden;}
.column_video li{float:left;width:243px;position:relative;left:26px; margin-bottom:20px;}
.column_video li a{width:209px;height:139px;border:1px solid #1E1E1E;line-height:999em;display:block;text-indent:-9999em;overflow:hidden;}
.column_video .link1{background:url(../images/video_1.jpg) no-repeat 0 0;}
.column_video .link2{background:url(../images/mazda_14.jpg) no-repeat 0 0;}
.column_video .link3{background:url(../images/mazda_15.jpg) no-repeat 0 0;}
.column_video .link4{background:url(../images/video_4.jpg) no-repeat 0 0;}
.column_video .link5{background:url(../images/mazda_16.jpg) no-repeat 0 0;}
.column_video .link6{background:url(../images/mazda_17.jpg) no-repeat 0 0;}
.column_video .link7{background:url(../images/mazda_05.jpg) no-repeat 0 0;}

/*-------睿翼专题-----------*/
.column_market {clear:both;}
.column_market ul{margin:0 0 0 -20px;list-style-type:none;overflow:hidden;}
.column_market li{float:left;width:243px;position:relative;left:20px;}
.column_market li a{width:221px;height:83px;border:1px solid #1E1E1E;line-height:999em;display:block;text-indent:-9999em;overflow:hidden;}
.column_market .link1{background:url(../images/market_1.jpg) no-repeat 0 0;}
.column_market .link2{background:url(../images/market_2.jpg) no-repeat 0 0;}
.column_market .link3{background:url(../images/market_3.jpg) no-repeat 0 0;}
.column_market .link4{background:url(../images/market_4.jpg) no-repeat 0 0;}

/*-------新闻内页-----------*/
.news_til{text-align:center;border-bottom:1px dashed #2E2E2E;}
.news_til h1{font-size:18px;line-height:2em;}
.news_til h2{font-size:14px;line-height:2em;}
.news_til .newsform{color:#999;}
.news_content{padding:0 20px 20px;}

/*-------图片内页-----------*/
.column_photointo .content{text-align:center;min-height:600px;}
* html .column_photointo .content{height:600px;}
.column_photointo .content img{max-width:900px;padding:1px;border:1px solid #1E1E1E;}
.column_photointo .content .txtbtn{margin:0 60px;}

.column_game .content{text-align:center;}
.column_application .note{padding:0 100px;}

.viewing_mirror{ text-decoration:underline;cursor:pointer;color:#F3F3F3;}
.viewing_mirror_on{position:relative;cursor:pointer;}
.viewing_mirror_on span{ position:absolute; z-index:99px; left:-75px; top:-165px; background:url(../images/viewing_mirror.jpg) no-repeat 0 0; width:220px; height:158px; border:1px solid #CCC}