﻿body {
background-image: url(img/index_bg.jpg);
padding: 0;
margin: 0;
}

.has_img{
background:url("/images/blog_icon.png") no-repeat scroll -160px 0 transparent;
display:inline-block;
height:13px;
width:12px;
}

#divBody {
position: relative;
font-size: 13px;
padding: 0;
margin: 0;
}

#divSchoolName {
position: absolute;
left: 200px;
top: 50px;
font-family: "幼圆";
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 40px;
color:#fa3d63;
}

#divUnitName {
font-size: 25px;
font-weight: bold;
color:#fa3d63;
}

#divBulletin a {
color: #000;
}

#divBulletin a:hover {
color: #ef0621
}

.img_avatar {
background: url("img/photobg50.png") no-repeat scroll left top
transparent;
border: 0 none;
height: 50px;
margin-top: 2px;
padding: 2px 18px 18px 2px;
width: 50px;
_background: none;
_filter: progid :     DXImageTransform.Microsoft.AlphaImageLoader (    
src =  
  "img/photobg50.png", sizingMethod =     "crop" );
}

/*颜色*/
.c_01 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
}

.c_02 {
color: #be57a2;
}

.c_03 {
color: #be57a2;
}

.c_meun {
color: #000000;
font-family: "新宋体";
font-size: 12px;
}

.c_25 {
color: #000000;
font-family: "新宋体";
font-size: 12px;
line-height: 25px;
}

.c_14 {
color: #000000;
font-family: "新宋体";
font-size: 14px;
line-height: 25px;
}

.c_12_meun {
color: #000000;
font-family: "新宋体";
font-size: 14px;
line-height: 25px;
}

.c_12_02 {
color: #FB901C;
font-family: "新宋体";
font-size: 14px;
line-height: 25px;
}

.c_12_03 {
color: #1DC9FB;
font-family: "新宋体";
font-size: 14px;
line-height: 25px;
}

.c_12_04 {
color: #F7D550;
font-family: "新宋体";
font-size: 14px;
line-height: 25px;
}

.c_12_05 {
color: #f86868;
font-family: "新宋体";
font-size: 14px;
line-height: 25px;
}

.c_12_06 {
color: #BEE95C;
font-family: "新宋体";
font-size: 14px;
line-height: 25px;
}

/*背景颜色*/
.c_bg_01 {
background-color: #f6d958;
}

.c_bg_02 {
background-color: #91680d;
}

/*颜色*/
.user {
color: #FFFFFF;
}

#divBody {
position: relative;
position: relative;
margin: auto;
padding: 0;
width: 1005px;
}

#divMain {
position: relative;
position: relative;
width: 944px;
background-color: white;
padding: 0 0 20px 0;
margin: auto;
}

#divHeader {
position: relative;
margin: 0;
padding: 0
}

#divSubMenu {
position: relative;
margin: 0 auto;
padding: 0;
width: 944px;
}

#divMenu {
position: relative;
height: 58px;
width: 946px;
margin: -5px auto -5px auto;
z-index: 100;
}

#divLeft {
float: left;
width: 258px;
margin: 0;
padding: 10px 0 0 10px;
}

#divRight {
float: left;
width: 655px;
margin: 0;
padding: 10px 0 0 10px;
}

#divTips {
position: relative;
background-image: url("img/id_Prompt.jpg");
height: 187px;
width: 258px;
background-image: url("img/id_Prompt.jpg");
}

#divTipsContent {
position: absolute;
left: 20px;
top: 70px;
width: 218px;
height: 90px;
overflow:hidden;
}
#id_tips_content{
	position:absolute;
	width:100%;
	word-wrap:break-word;
	padding: 90px 0 0 0 ;
}

#divBulletin {
position: relative;
background: url("img/id_Bulletin.jpg") no-repeat scroll 0 0 transparent;
height: 214px;
width: 258px;
}

#divBulletinContent {
position: absolute;
left: 48px;
top: 60px;
width: 190px;
height: 125px;
line-height: 25px;
}

#divBulletinContent a {
text-decoration: none
}

#divLiuyan {
position: relative;
background-image: url("img/id_message.jpg");
height: 282px;
width: 258px;
}

#divLiuyanContent {
position: absolute;
left: 48px;
top: 82px;
width: 190px;
height: 125px;
line-height:25px;
}
#divLiuyanContent a{text-decoration:none;color: black}
#divLiuyanContent a:hover{text-decoration:underline;color:red}

#divVisitors {
position: relative;
width: 258px;
display:none;
}

#divVisitorsTop {
position: relative;
background: url("img/visitor_top.jpg") no-repeat scroll 0 0 transparent;
height: 84px;
margin: 0;
padding: 0;
}

#divVisitorsMiddle {
position: relative;
background: url("img/visitor_middle.jpg") repeat-y scroll 0 0
transparent;
margin: 0;
padding: 0 15px;
}

#divVisitorsBottom {
position: relative;
background: url("img/visitor_bottom.jpg") no-repeat scroll 0 0
transparent;
height: 42px;
margin: 0;
padding: 0;
}

#divUnitDesc {
position: relative;
background: url("img/id_Photo.jpg") no-repeat scroll 0 0 transparent;
height: 285px;
width: 655px;
}

#divUnitPhoto {
position: absolute;
left: 23px;
top: 47px;
width: 291px;
height: 197px;
}

#divUnitPhoto img {
width: 291px;
height: 197px;
cursor:pointer;
}

#divUnitWords {
position: absolute;
left: 352px;
top: 68px;
width: 250px;
height: 155px;
line-height: 25px;
text-indent: 2em;
}

#divTeacher {
position: relative;
background: url("img/id_Teacher.jpg") no-repeat scroll 0 0 transparent;
height: 239px;
width: 655px;
margin-top: 10px;
}

#divTeacherContent {
position: absolute;
left: 20px;
top: 66px;
width: 615px;
height: 150px;
}

#divStudent {
position: relative;
width: 655px;
margin-top: 10px;
}

#divStudentTop {
position: relative;
background: url("img/id_sm_top.jpg") no-repeat scroll 0 0 transparent;
height: 95px;
margin: 0;
padding: 0;
}

#divStudentMiddle {
position: relative;
background: url("img/id_sm_m.jpg") repeat-y scroll 0 0 transparent;
margin: 0;
padding: 15px 25px 5px;
}

#divStudentBottom {
position: relative;
background: url("img/id_sm_btm.jpg") no-repeat scroll 0 0 transparent;
height: 23px;
margin: 0;
padding: 0;
}

#divAlbum {
position: relative;
background: url("img/id_Album.jpg") no-repeat scroll 0 0 transparent;
height: 207px;
width: 655px;
margin-top: 10px;
}

#divAlbumContent {
position: absolute;
left: 21px;
top: 66px;
width: 615px;
height: 122px;
overflow: hidden;
}

#divAlbumContent img {
width: 120px;
height: 120px;
margin: 0 2px;
display: inline-block;
cursor: pointer
}

#divSubMenu {
position: relative;
background: url("img/meun_bg.jpg") no-repeat scroll 0 0 transparent;
height: 41px;
width: 879px;
position: relative;
padding: 15px 0 0 65px;
}

#divFooter {
position: relative;
background: url("img/index_pagebg.jpg") no-repeat scroll 0 0 transparent;
height: 135px;
margin: auto;
position: relative;
width: 944px;
}

#divFooterContent {
position: absolute;
left: 72px;
top: 53px;
width: 615px;
height: 80px;
}

.spanAlbumItem {
display: inline-block;
width: 70px;
margin: 10px 10px 0 0;
text-align: center;
overflow-x: hidden;
}

.linkAlbumItem img {
display: inline-block;
border: none;
width: 60px;
height: 60px;
padding: 2px 8px 8px 2px;
background: url("img/album_bg60.gif") no-repeat scroll 0 0 transparent;
}

#divTeacherContent * {
vertical-align: top;
}

.span_teacher_item {
display: inline-block;
margin: 6px 15px;
width: 120px;
}

.span_teacher_item img {
background: url("/images/photobg100.png") no-repeat scroll left top
transparent;
border: medium none;
cursor: pointer;
padding: 2px 18px 18px 2px;
width: 100px;
height: 100px;
display: inline-block;
_background: none;
_filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
"/images/photobg100.png", sizingMethod = "crop" );
}

.span_teacher_item div {
margin-left: -16px;
text-align: center;
font-weight: bold;
}

#divStudentContent * {
vertical-align: top;
}

.span_student_item {
display: inline-block;
margin: 6px 10px;
width: 80px;
}

.span_student_item img {
background: url("/images/photobg60.png") no-repeat scroll left top
transparent;
border: medium none;
cursor: pointer;
padding: 2px 18px 18px 2px;
width: 60px;
height: 60px;
display: inline-block;
_background: none;
_filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
"/images/photobg60.png", sizingMethod = "crop" );
}

.span_student_item div {
margin-left: -16px;
text-align: center;
}

#divAllPhotos *{vertical-align:top;}

#divTeacherContent *{vertical-align:top;}
.span_teacher_item{display:inline-block;margin:6px 15px;width:120px;}
.span_teacher_item img{background:url("/images/photobg100.png") no-repeat scroll left top transparent;border:medium none;cursor:pointer;padding:2px 18px 18px 2px;width:100px;height:100px;display:inline-block;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/photobg100.png" ,sizingMethod="crop");}
.span_teacher_item div{margin-left:-16px;text-align:center;font-weight:bold;}

#divStudentContent *{vertical-align:top;}
.span_student_item{display:inline-block;margin:6px 10px;width:80px;}
.span_student_item img{background:url("/images/photobg60.png") no-repeat scroll left top transparent;border:medium none;cursor:pointer;padding:2px 18px 18px 2px;width:60px;height:60px;display:inline-block;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/photobg60.png" ,sizingMethod="crop");}
.span_student_item div{margin-left:-16px;text-align:center;}
.spanAlbumItem {display:inline-block;margin:10px 10px 0 0;overflow-x:hidden;text-align:center;width:80px;}
.imgAlbumItem{background:url("/images/album_bg60.gif") no-repeat scroll 0 0 !important;border:medium none;display:inline-block;height:60px;padding:2px 8px 8px 2px;width:60px;}
.imgPhotoItem{background:url("/images/photobg60.png") no-repeat scroll left top transparent;border:none;cursor:pointer;padding:2px 18px 18px 2px;width:60px;height:60px;_background:none;}


/*-------------------introduce--------------*/
#divIntroLeft {
float: left;
width: 222px;
margin: 0;
padding: 10px 0 0 15px;
overflow-x:hidden;
}

#divIntroLeftTop {
position: relative;
background: url("img/id_1_top.jpg") no-repeat scroll 0 0 transparent;
height: 70px;
margin: 0;
padding: 0;
}

#divIntroLeftMiddle {
position: relative;
background: url("img/id_1_m.jpg") repeat-y scroll 0 0 transparent;
margin: 0;
padding: 0px 15px 20px 10px;
width:197px;
color:white;
line-height:25px;
}

#divIntroLeftMiddle h3{font-weight:bold;text-align:center;margin:0;}

#divIntroLeftBottom {
position: relative;
background: url("img/id_1_btm.jpg") no-repeat scroll 0 0
transparent;
height: 86px;
margin: 0;
padding: 0;
}

#divIntroRight {
float: left;
width: 693px;
margin: 0;
padding: 10px 0 10px 0;
}

#divIntroRightTop {
position: relative;
background: url("img/id_1_main_top.jpg") no-repeat scroll 0 0 transparent;
height: 118px;
margin: 0;
padding: 0;
}

#divIntroRightMiddle {
position: relative;
background: url("img/id_1_main_m.jpg") repeat-y scroll 0 0
transparent;
margin: 0;
padding: 10px 19px;
}

#tblIntroArticleList{width:100%;color:#666;line-height:28px;}

#tblIntroArticleList td{vertical-align:top}

#tblIntroArticleList .linkGroupName{color: #666;text-decoration:none;font-size:12px}
#tblIntroArticleList .linkGroupName:hover{color: blue;text-decoration:underline;}
#tblIntroArticleList .linkArticleTitle{color: #444;text-decoration:none;font-size:15px;font-weight:bold;}
#tblIntroArticleList .linkArticleTitle:hover{color: blue;text-decoration:underline;}
#tblIntroArticleList .tdGroupName{width:90px;text-align:center}
#tblIntroArticleList .tdCmtCount{width:60px;padding-left:15px;text-align:right}
#tblIntroArticleList .tdVisitCount{width:45px;}


#divIntroArticleHeader{
padding:5px;
border-bottom:2px solid #fb901c;
}
#divIntroArticleHeader .divGroupName{color:#fb901c;
font-weight:bold;
font-size:18px;
text-align:center;
}
#divIntroArticleHeader #divArticleSummary{text-align:right;color:blue}
#divIntroArticleHeader #divArticleSummary a{text-decoration:none;}
#divIntroArticleHeader #divArticleSummary a:hover{text-decoration:underline;}

#divIntroArticleHeader #divArticleTitle{width:500px;margin:auto;text-align:center;color:#444;font-weight:bold;font-size:18px;text-align:center;}

#divIntroArticleContent{overflow-x:auto;font-size:14px;line-height:150%;width:645px;margin-auto;padding:5px;overflow-x:auto}
#divIntroArticleContent *{line-height:150%}
#divIntroArticleContent p{margin:10px 0;}

#divIntroRightBottom {
position: relative;
background: url("img/id_1_main_btm.jpg") no-repeat scroll 0 0
transparent;
height: 25px;
margin: 0;
padding: 0;
}

#divIntroRightMiddle .page_container{text-align:right;margin:auto;}
#divIntroRightMiddle .cmt_back_color_01{background-color:#fccc85}
#divIntroRightMiddle .cmt_back_color_02{background-color:#fcefba}
#divIntroRightMiddle .cmt_border_color{border-color:#ffb13e !important}


/*-------------------info--------------*/
#divInfoLeft {
float: left;
width: 222px;
margin: 0;
padding: 10px 0 0 15px;
overflow-x:hidden;
}

#divInfoLeftTop {
position: relative;
background: url("img/id_2_top.jpg") no-repeat scroll 0 0 transparent;
height: 70px;
margin: 0;
padding: 0;
}

#divInfoLeftMiddle {
position: relative;
background: url("img/id_2_m.jpg") repeat-y scroll 0 0 transparent;
margin: 0;
padding: 0px 15px 20px 10px;
width:197px;
color:white;
line-height:25px;
}

#divInfoLeftMiddle h3{font-weight:bold;text-align:center;margin:0;}

#divInfoLeftBottom {
position: relative;
background: url("img/id_2_btm.jpg") no-repeat scroll 0 0
transparent;
height: 86px;
margin: 0;
padding: 0;
}

#divInfoRight {
float: left;
width: 693px;
margin: 0;
padding: 10px 0 10px 0;
}

#divInfoRightTop {
position: relative;
background: url("img/id_2_main_top.jpg") no-repeat scroll 0 0 transparent;
height: 118px;
margin: 0;
padding: 0;
}

#divInfoRightMiddle {
position: relative;
background: url("img/id_2_main_m.jpg") repeat-y scroll 0 0
transparent;
margin: 0;
padding: 10px 19px;
}

#tblInfoArticleList{width:100%;color:#666;line-height:28px;}

#tblInfoArticleList td{vertical-align:top}

#tblInfoArticleList .linkGroupName{color: #666;text-decoration:none;font-size:12px}
#tblInfoArticleList .linkGroupName:hover{color: blue;text-decoration:underline;}
#tblInfoArticleList .linkArticleTitle{color: #444;text-decoration:none;font-size:15px;font-weight:bold;}
#tblInfoArticleList .linkArticleTitle:hover{color: blue;text-decoration:underline;}
#tblInfoArticleList .tdGroupName{width:90px;text-align:center}
#tblInfoArticleList .tdCmtCount{width:60px;padding-left:15px;text-align:right}
#tblInfoArticleList .tdVisitCount{width:45px;}


#divInfoArticleHeader{
padding:5px;
border-bottom:2px solid #fb901c;
}
#divInfoArticleHeader .divGroupName{color:#fb901c;
font-weight:bold;
font-size:18px;
text-align:center;
}
#divInfoArticleHeader #divArticleSummary{text-align:right;color:blue}
#divInfoArticleHeader #divArticleSummary a{text-decoration:none;}
#divInfoArticleHeader #divArticleSummary a:hover{text-decoration:underline;}

#divInfoArticleHeader #divArticleTitle{width:500px;margin:auto;text-align:center;color:#444;font-weight:bold;font-size:18px;text-align:center;}

#divInfoArticleContent{overflow-x:auto;font-size:14px;line-height:150%;width:645px;margin-auto;padding:5px;overflow-x:auto}
#divInfoArticleContent *{line-height:150%}
#divInfoArticleContent p{margin:10px 0;}

#divInfoRightBottom {
position: relative;
background: url("img/id_2_main_btm.jpg") no-repeat scroll 0 0
transparent;
height: 25px;
margin: 0;
padding: 0;
}

#divInfoRightMiddle .page_container{text-align:right;margin:auto;}
#divInfoRightMiddle .cmt_back_color_01{background-color:#fccc85}
#divInfoRightMiddle .cmt_back_color_02{background-color:#fcefba}
#divInfoRightMiddle .cmt_border_color{border-color:#ffb13e !important}

/*-----------------------------album-----------------------------*/
#divAlbumLeft {
float: left;
width: 220px;
margin: 0 10px 0 15px;
padding: 5px;
background-color:#E1FDFF;
overflow-x:hidden;
}

#divAlbumRight {
float: left;
width: 670px;
margin: 0;
padding: 0;
padding-bottom:20px;
background-color:#fefed9;
}

#divAlbumLeftTitle1{
line-height:28px;
padding-left:31px;
background:url("img/pop01.gif") no-repeat 6px 6px #FF6600;
color:white;
font-size:14px;
}

#divAlbumRightTitle{
line-height:38px;
font-weight:bold;
padding-left:31px;
background:url("img/pop01.gif") no-repeat 6px 11px #8BDA07;
color:white;
font-size:14px
}

#divAlbumRightContent{ padding:10px 0}

#divAlbumRightContent *{vertical-align:top}

.spanAlbumIconItem{
display:inline-block;
margin:10px 0 10px 20px;
width:110px;
}

.divAlbumIconFace{
background:url("/images/album_bg100.gif") no-repeat scroll left top transparent;
height:106px;
margin:5px 0;
padding:2px;
width:106px;
}

.divAlbumIconFace img{
background-color:white;
border:none;
display:inline-block;
height:100px;
width:100px;}

.divAlbumIconName{
font-weight:bold;
text-align:center;
}

.spanAlbumIconCount{
font-weight:normal;
cont-size:11px
}

.spanPhotoItem{
display:inline-block;
padding:10px 0px 13px 12px;
text-align:center;
width:120px;
}

.spanPhotoItem img{
border:none;
cursor:pointer;
display:inline-block;
height:100px;
padding:2px 18px 18px 2px;
width:100px;
background:url("/images/photobg100.png") no-repeat scroll left top transparent;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/photobg50.png" ,sizingMethod="crop");
}

.divPhotoName{
font-weight:bold;
text-align:center;
width: 110px;
word-wrap: break-word;
}

.divPhotoTime{
color:gray;
text-align:center;
}

#divPhotoIconContainer{
position:relative;
margin:auto;
padding:0;
width:640px;
height:80px;
overflow-x:auto;
overflow-y:hidden;
}

#divPhotoIconList span{
display:inline-block;
width:54px;
height:54px;
margin:2px;
padding:0;
}
#divPhotoIconList img{
display:inline-block;
background-color:white;
width:50px;
height:50px;
cursor:pointer;
border:1px solid #e1edd5;
padding:1px;
}

#divPhotoIconList .selected{
border:2px solid red;
padding:0;
}

#divPhotoView{display:none}
#divPhotoView table{width:100%}
#divPhotoView *{vertical-align:bottom}
#divPhotoView .td1{text-align:left;padding-left:30px;}
#divPhotoView .td2{text-align:center;}
#divPhotoView .td3{text-align:right;padding-right:30px}
.photo_view_desc{
position:relative;
width:600px;
margin:5px auto;
height:14px;
overflow-y:none;
}
#photo_view_name{
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
margin:20px 0 0 0;
}
#photo_view_index, #photo_view_count{
color:red;
font-weight:bold;
}

.photo_view_current{
width:660px;
margin:5px auto;
text-align:center;
cursor:pointer;
}

#photo_view_current{
border:1px solid #e1edd5;
padding:2px;
background-color:white;
max-width:640px;
_width:expression((documentElement.clientWidth > 640) ? "640px" : "auto" ); 
}

#divPhotoView .page_container{text-align:right;margin:auto;}
#divPhotoView .cmt_back_color_01{background-color:#fccc85}
#divPhotoView .cmt_back_color_02{background-color:#fcefba}
#divPhotoView .cmt_border_color{border-color:#ffb13e !important}

/*-----------------------------video-----------------------------*/
#divVideoGroupLeft {
float: left;
width: 220px;
margin: 0 10px 0 15px;
padding: 5px;
background-color:#E1FDFF;
overflow-x:hidden;
}

#divVideoGroupRight {
float: left;
width: 670px;
margin: 0;
padding: 0;
padding-bottom:20px;
background-color:#fefed9;
}

#divVideoGroupLeftTitle1{
line-height:28px;
padding-left:31px;
background:url("img/pop01.gif") no-repeat 6px 6px #FF6600;
color:white;
font-size:14px;
}

#divVideoGroupRightTitle{
line-height:38px;
font-weight:bold;
padding-left:31px;
background:url("img/pop01.gif") no-repeat 6px 11px #8BDA07;
color:white;
font-size:14px
}

#divVideoGroupRightContent{ padding:10px 0}

#divVideoGroupRightContent *{vertical-align:top}

.spanVideoGroupIconItem{
display:inline-block;
margin:10px 20px 10px 35px;
width:160px;
}

.divVideoGroupIconFace{
background:url("/images/videolist_bg.gif") no-repeat scroll left top transparent;
height:126px;
margin:5px 0;
padding:2px;
width:166px;
}

.divVideoGroupIconFace img{
background-color:white;
border:none;
display:inline-block;
height:120px;
width:160px;}

.divVideoGroupIconName{
font-weight:bold;
text-align:center;
}

.spanVideoGroupIconCount{
font-weight:normal;
cont-size:11px
}

.spanVideoItem{
display:inline-block;
margin:10px 20px 10px 35px ;
text-align:center;
width:160px;
}

.spanVideoItem img{
border:1px solid #aaa;
padding:2px;
cursor:pointer;
display:inline-block;
height:120px;
width:160px;
}

.divVideoName{
font-weight:bold;
text-align:center;
}

.divVideoTime{
color:gray;
text-align:center;
}
#divVideoView{display:none}
#divVideoView table{width:100%;padding:0 80px}
#divVideoView *{vertical-align:bottom}
#divVideoView .td1{text-align:left;padding-left:20px;}
#divVideoView .td2{text-align:center;padding-bottom:5px;}
#divVideoView .td3{text-align:right;padding-right:20px}
.photo_view_desc{
position:relative;
width:600px;
margin:5px auto;
height:14px;
overflow-y:none;
}
#video_view_name{
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
margin: 20px 0 0 0;
}
#video_view_index, #photo_view_count{
color:red;
font-weight:bold;
}

#divVideoPlayer{
width:480px;
margin:10px auto;
}

#video_view_current{
border:1px solid #e1edd5;
padding:2px;
background-color:white;
max-width:640px;
_width:expression((documentElement.clientWidth > 640) ? "640px" : "auto" ); 
}

#divVideoView .page_container{text-align:right;margin:auto;}
#divVideoView .cmt_back_color_01{background-color:#fccc85}
#divVideoView .cmt_back_color_02{background-color:#fcefba}
#divVideoView .cmt_border_color{border-color:#ffb13e !important}

/*------------------文章，图片等列表分页控制-----------------------*/
.page_container{
margin:auto;
text-align:center;
}
.page_container a:visited {
color: blue;
}
.page_item{
margin: 0px 2px 0px 0px;
padding:0px 2px 0px 2px;
display:inline-block;
border:1px solid #999999;
background-color:white;
line-height:20px;
min-width:16px;
cursor:pointer;
text-align:center;
vertical-align:middle;
}
.page_item_selected{
margin: 0px 2px 0px 0px;
padding:0px 2px 0px 2px;
display:inline-block;
border:1px solid #999999;
background-color:#bbbbbb;
line-height:20px;
min-width:16px;
text-align:center;
vertical-align:middle;
}

.photo_list_item{
display:inline-block;
padding:10px 2px 13px 15px;
text-align:center;
width:120px;
}


/*-----------------------评论------------------------*/
#divCmt{padding-top:20px;width:640px;margin:auto;}
#divCmt table{padding:0}
.cmt_back_color_01{background-color:#FCCC85}
.cmt_back_color_02{background-color:#FCEFBA}
.cmt_border_color {border-color:#FFB13E !important}
.div_cmt_title{
font-size:13px;
font-weight:bold;
}

.td_cmt_avatar a,.td_cmt_avatar a:hover, .td_cmt_avatar a:link, .td_cmt_avatar:visited {
text-decoration:none;
border:0px;
}

.img_cmt_avatar{
border:0;
width:50px;
height:50px;
margin-top:2px;
padding:2px 18px 18px 2px;
background:url(/images/photobg50.png) no-repeat scroll left top;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/photobg50.png" ,sizingMethod="crop");
}

.table_cmt_List{
width:100%;
}
.td_cmt_avatar{
width:60px;
}
.div_cmt_content{
position:relative;
border-bottom:15px solid transparent !important;
}

.div_cmt_name{
padding:2px;
}
.div_cmtresp_name{
padding:2px;
}

.div_cmt_name a{
text-decoration:underline;
}
.div_cmt_name a:hover,.div_cmt_name a:link,.div_cmt_name a:visited{
color:blue;
}

.p_cmt_content{
margin: 10px 0;
}
.p_cmt_content *{vertical-align:bottom !important}

.div_cmtresp_content{
margin-top:10px;
padding:10px 0px 0 20px ;
}

.span_cmt_time{
font-size:11px;
color:#444;
text-align:right;
}
.div_cmt_cmd{
position:absolute;
right:5px;
top:5px;
width:60px;
text-align:right;
font-size:12px;
}
.div_cmt_cmd a{
text-decoration:underline;
}
.div_cmt_cmd a:link,.div_cmt_cmd a:hover, .div_cmt_cmd a:visited{
color:#444;
}

.cmt_page_container{
margin:2px auto;
text-align:center;
}
.cmt_page_container a:visited {
color: blue;
}
.cmt_page_item, .cmt_page_item_desc, .cmt_page_item_selected{
margin: 0px 2px 0px 0px;
padding:0px 8px 0px 2px;
display:inline-block;
line-height:20px;
cursor:pointer;
text-align:center;
vertical-align:middle;
}
.cmt_page_item{text-decoration:underline;}
.cmt_page_item_selected{font-weight:bold;}

#taCmtContent, #taCmtRespContent{
width:400px;
height:62px;
border:2px solid;
background-color:white;
}

#divCmtWriteFrame td, #divCmtList td{
margin:4px 0;
vertical-align:top;
border-bottom:5px solid transparent;
}

#divCmtList tr{
padding:10px 0;
}
#divCmtWriteFrame button, #divCmtResp button{
background-color:pink;
}

#divCmtList{
padding:5px 0;
}

#divCmtList, #divCmtWriteFrame{
border-top:2px solid;
}

#divCmtWriteFrame{
padding-top:10px;
}
#divCmtTitle{
line-height:30px;
}

#spanCmtSubmitWaiting, #spanCmtRespSubmitWaiting{
visibility:hidden;
}
#spanCmtSubmitWaiting img, #spanCmtRespSubmitWaiting img{
height:20px;
width:20px;
line-height:20px;
}

#divCmtSmileyFrame{position:absolute;display:none;width:200px;height:210px;}
