﻿/*  */
* {margin:0; padding:0; list-style:none; }
/* End Reset */

body {font-size:12px;}
/*拖拽的时候样式*/
.widget-placeholder { border: 2px dashed #999; height:5px;}
/*必须保留样式*/
.widget-head a.collapse  {
    float: left;
    display: none;
    background: url(img/buttons.gif) no-repeat -52px 0;
    width: 0px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 0 8px 4px;
    outline: none;
}


/* End Colors */



/* Columns 整体样式设置*/
#columns{ width:1200px;margin:0 auto; overflow:hidden;}
#columns .column {
    float: left;
	min-height: 400px;
	height: auto !important; 
	height: 400px;

}

/*控制3列的整体样式*/	
#columns #column1 .widget { margin: 10px 0px 0 0px; }
#columns #column2 .widget { margin: 10px 0px 0 5px; }
#columns #column3 .widget { margin: 10px 0px 0 5px; }
/*控制边框的宽度*/
#columns .widget {
    /*padding: 1px;*/
}
/*控制可以拖拽部分的样式*/
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
   /* width: 100%;*/
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head  span{ float:right; padding-right:6px;}
#columns .widget .widget-head  span img{ margin-top:5px;}

/*控模块内容的整体样式*/
#columns .widget .widget-content {
    background: #fff ;
    padding: 5px;
    overflow: hidden;
}

/*以下是模块样式*/

/*留言样式*/
#columns #column2 #Guestbook ul{ margin:0px; padding:0px;}
#columns #column1 #Guestbook ul,#columns #column3 #Guestbook ul{ margin:0px; padding:0px;}
#columns #column1 #Guestbook li,#columns #column3 #Guestbook li{
	height:18px;
	line-height:18px;
	display: block; 
	width: 200px; 
	overflow: hidden;/*注意不要写在最后了*/ 
	white-space: nowrap; 
	-o-text-overflow: ellipsis; 
	text-overflow: ellipsis; 
}
/*单幅图片样式*/
#columns #column1 #single_pic,#columns #column3 #single_pic{text-align:center;}
#columns #column1 #single_pic img,#columns #column3 #single_pic img{
	max-width: 200px;
	overflow:hidden; 
}
#columns #column2 #single_pic{text-align:center;}
#columns #column2 #single_pic img{
	max-width: 460px;
	overflow:hidden; 
}
/*图片列表*/
#columns #column1 #pic_list ul,#columns #column3 #pic_list ul{ margin:0px; padding:0px;width:220px; margin:0 auto; }
#columns #column1 #pic_list li,#columns #column3 #pic_list li{ float:left; width:110px; text-align:center;}

#columns #column2 #pic_list ul{margin:0px; padding:0px; width:440px; margin:0 auto;}
#columns #column2 #pic_list li{ float:left; width:110px; text-align:center;}

/*增删模块*/
#zb_tab_3{ padding-left:12px;}
.zsmk_div{ float:left; width:71px; height:35px; text-align:center; float:left; margin:12px; background:url(zsmk_li_bg.jpg) no-repeat; overflow:hidden; padding-top:8px;}

/*板式布局*/

/*#zb_tab_2 .item{ width:120px; margin-left:12px; height:96px; overflow:hidden;}
#zb_tab_2 .item img{ margin-bottom:0px; margin-top:6px;}
*/
#zb_tab_2 .item{width:200px; text-align:center; float:left;  padding-top:6px; cursor:pointer; margin-bottom:0px; margin-top:10px;}
#zz_yemei .item{ height:133px; overflow:hidden;}
#zz_yejiao .item{height:133px; overflow:hidden;}
#zz_yejiao img{ width:160px; height:100px;}


#page_header{position:relative;z-index:0;}
#title_edit{position:absolute;z-index:2; top:-20px; left:0px; width:100%;height:20px;}
#title_edit a#title_ed{width:40px;float:right;text-align:center; height:20px; line-height:20px; color:white; background:#000;}
#title_edit a:hover{color:#333}
.edit-mode{border: 2px solid #5caae6; padding: 0 10px;}


#title_edit1{position:absolute;z-index:2; top:-20px; left:0px; width:100%;height:20px;}
#title_edit1 a#title_ed1{width:40px;float:right;text-align:center; height:20px; line-height:20px; color:white; background:#000;}
#title_edit1 a:hover{color:#333}


/**/
.head_info{position:absolute; top:20px; left:0;}
.editarea{width:1200px; margin:0 auto; height:120px;margin-top:5px;}
ul,li{list-style:none}
.edit-title{background:#ececec;width:300px; border:1px solid #ccc;clear:both; height:30px; position:relative;margin-top:5px;z-index:99;}
.edit-title{font-size:14px; font-weight:bold; }
.edit-title a{display:block; line-height:30px; color:#333;}
.edit-title li{float:left;width:50px; height:30px;text-align:center;position:relative;}
.edit-title li ul{position:absolute; z-index:90; left:0; top:30px;}
.edit-title li li{ width:100%;font-size:12px; background:#d8d8d8;overflow:hidden; font-weight:normal;}
.edit-title li li a{ line-height:20px;}
.edit-title li.f12{height:12px;}
.edit-title li.f12 a{font-size:12px; line-height:12px}
.edit-title li.f14{height:14px;}
.edit-title li.f14 a{font-size:14px; line-height:14px}
.edit-title li.f16{height:16px;}
.edit-title li.f16 a{font-size:16px; line-height:16px}
.edit-title li.f18{height:18px;}
.edit-title li.f18 a{font-size:18px; line-height:18px}
.edit-title li.f20{height:20px;}
.edit-title li.f20 a{font-size:20px; line-height:20px}
.edit-title li.f24{height:24px;}
.edit-title li.f24 a{font-size:24px; line-height:24px}
.edit-title li.f36{height:36px;}
.edit-title li.f36 a{font-size:36px; line-height:36px}
#canel{position:absolute; right:-9px; top:-6px;background:url(/javascript/tools/canel.png) no-repeat; width:19px; height:18px;text-indent:-9999px;display:block;}
#colors{width:35px;float:left; }
.simpleColorDisplay{color:#333;}
.simpleColorChooser{z-index:99;}
#save{background:none; border:none;display: block;
line-height: 28px;
color: #333; font-weight:bold;font-size:14px;margin-left:4px;}
#fonts,#family,#weight,#style{font-size:14px;}
a#fonts:hover{color:#333;}
.simpleColorDisplay{font-size:14px;}
.head-pic{position:absolute; top:110px; left:5px; width:128px; height:128px;border:1px solid transparent;}
.head-pic img{width:120px; height:120px; overflow:hidden;border-radius: 2px;border:1px solid transparent;
border: #FFF 3px solid;}
.head-name{position:absolute; top:160px; left:145px; color:#333; font-size:16px; font-weight:bold;margin-right:5px;border:1px solid transparent;}
.addhover{border:1px dashed #5caae6; cursor: move;}
#main_title{}
.edit-mode{border: 2px solid #5caae6;padding: 0 10px; width:480px; overflow:hidden; display:block;}


/*1*/
.head_info1{position:absolute; top:20px; left:0;}
.editarea1{width:1200px; margin:0 auto; height:120px;margin-top:5px;}

.edit-title1{background:#ececec;width:300px; border:1px solid #ccc;clear:both; height:30px; position:relative;margin-top:5px;z-index:99;}
.edit-title1{font-size:14px; font-weight:bold; }
.edit-title1 a{display:block; line-height:30px; color:#333;}
.edit-title1 li{float:left;width:50px; height:30px;text-align:center;position:relative;}
.edit-title1 li ul{position:absolute; z-index:90; left:0; top:30px;}
.edit-title1 li li{ width:100%;font-size:12px; background:#d8d8d8;overflow:hidden; font-weight:normal;}
.edit-title1 li li a{ line-height:20px;}
.edit-title1 li.f12{height:12px;}
.edit-title1 li.f12 a{font-size:12px; line-height:12px}
.edit-title1 li.f14{height:14px;}
.edit-title1 li.f14 a{font-size:14px; line-height:14px}
.edit-title1 li.f16{height:16px;}
.edit-title1 li.f16 a{font-size:16px; line-height:16px}
.edit-title1 li.f18{height:18px;}
.edit-title1 li.f18 a{font-size:18px; line-height:18px}
.edit-title1 li.f20{height:20px;}
.edit-title1 li.f20 a{font-size:20px; line-height:20px}
.edit-title1 li.f24{height:24px;}
.edit-title1 li.f24 a{font-size:24px; line-height:24px}
.edit-title1 li.f36{height:36px;}
.edit-title1 li.f36 a{font-size:36px; line-height:36px}
#canel1{position:absolute; right:-9px; top:-6px;background:url(/javascript/tools/canel.png) no-repeat; width:19px; height:18px;text-indent:-9999px;display:block;}
#colors1{width:35px;float:left; }
.simpleColorDisplay1{color:#333;}
.simpleColorChooser1{z-index:99;}
#save1{background:none; border:none;display: block;
line-height: 28px;
color: #333; font-weight:bold;font-size:14px;margin-left:4px;}
#fonts1,#family1,#weight1,#style1{font-size:14px;}
a#fonts:hover1{color:#333;}
.simpleColorDisplay1{font-size:14px;}
.head-pic1{position:absolute; top:110px; left:5px; width:128px; height:128px;border:1px solid transparent;}
.head-pic1 img{width:120px; height:120px; overflow:hidden;border-radius: 2px;border:1px solid transparent;
border: #FFF 3px solid;}
.head-name1{position:absolute; top:160px; left:145px; color:#333; font-size:16px; font-weight:bold;margin-right:5px;border:1px solid transparent;}
.addhover1{border:1px dashed #5caae6; cursor: move;}
#main_title1{ width:278px;}
.edit-mode1{border: 2px solid #5caae6;padding: 0 10px; width:480px; overflow:hidden; display:block;}


body,td,th {
	font-size: 12px; margin:0px; padding:0px;
}
a{ text-decoration:none;}
div,ul,li,h3,h2,h1,form{ margin:0px; padding:0px; list-style:none;}
.fixed{position:fixed; width:80px; height:220px; border:1px #FF0000 solid;}
.ietm{  border-bottom:0px dotted #0099CC; overflow:hidden;padding-bottom:12px; }

#main_data{ width:960px; margin:0 auto;}

h3{ font-size:14px; color:#003366; }
#timeline-bar{ position:fixed;width:80px;  border:0px #ccc solid; background-color:#FFFFFF;}
#timeline-bar a{ color:#5C5C5C;}
#timeline-bar .hover{ border-right:5px #5C5C5C solid; font-weight:bold;}

#timeline-bar li h3,#timeline-bar li h2{ font-weight:100; font-family:"微软雅黑"; margin-bottom:1px;}
#timeline-bar li h2{border-right:4px #CCCCCC solid;}

#timeline-bar li h3{ display:none;}



#timeline-bar .show h3{ display:block; border-right:3px #CCCCCC solid;}
#timeline-bar .show h2{ border-right:4px #5C5C5C solid; font-size:16px; font-weight:bold;}
#timeline-bar .show .hover{ border-right-color:#5C5C5C;}
#timeline-bar li h2{font-size:16px; }

/*ڸǲ*/

.pic_list{ width:840px; margin-left:100px;}
.pic_list h3{font-size:16px; font-family:"微软雅黑";color:#5C5C5C; height:28px; line-height:28px; margin-bottom:12px;}
.pic_list li{ width:128px; height:128px; float:left; margin-bottom:8px; text-align:center; position:relative; overflow:hidden;}
.pic_list li img{ width:120px; height:120px;}
.pic_list li td{ font-size:16px; font-family:"微软雅黑";}
.pic_list li td a{font-size:16px; font-family:"微软雅黑"; color:#FFFFFF;}
.pic_list li .dark{ width:120px; height:120px; position:absolute;left:0px; top:0px; margin-left:4px; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60); background:#333; color:#FFFFFF; display:none;}
.pic_list li .gray{ background-color:#D9DADE; width:120px; margin:0 auto;   }
.pic_list li .gray td{font-size:12px;}
.pic_list .hover .dark{ display:block; color:#fff;}
.pic_list .hover .dark b{ position:relative; z-index:999;}


.video{width:120px; height:120px; position:absolute;left:0px; top:0px; margin-left:4px; background:url(video_icon.png) center center no-repeat; }









