/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    bill ao
email:     it@kingold.com
website:   http://www.kingold.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */

/*  =reset.css  重置所有元素的默认设置，避免在不同浏览器的默认样式设置*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0;  }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; } 
a {
 text-decoration:none;
}

/* 清理浮动 */
.clear:after
{
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.clear
{
    display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
* html .clear
{
    height: 1%;
}
.clear
{
    display: block;
}
/* End Holly Hack */



/* Remove border around linked images */
img
{
    border: 0px;
}

ol, ul
{
    list-style: none;
}





/* =Typography
-----------------------------------------------------------------------------*/

body
{
    font: 12px "Lucida Grande" , "Lucida Sans" , "Trebuchet MS" , Tahoma, Verdana, sans-serif; /* background-color:#F1FFE6;*/
    background: url(images/body_bg.jpg) #fff repeat-x top;
    margin: 0px;
    padding: 0px;
}



#admin_body
{
    background-color: White;
}

a:link
{
    color: #333;
    text-decoration: none;
}

a:visited
{
    color: #333;
    text-decoration: none;
}
a:hover
{
    color: #1639A9;
}


p
{
    line-height: 22px;
}



#admin_body
{
    background: White;
}

/*=Container
-----------------------------------------------------------------------------*/
#container
{
    width: 1002px;
    margin: 0 auto;
    background-color: #fff; /* background : url(Images/sidebar_back.jpg) 230px 200px repeat-y; */
}


/* =Headings
-----------------------------------------------------------------------------*/
#header
{
    height: 92px; /* background:#fff url(images/header.jpg) 20px center no-repeat; */
    position: relative;
}


/*-------------导航栏---------------*/
#logo
{
    width: 233px;
    position: absolute;
    left: 0;
    top: 0;
}

#nav
{
    position: absolute;
    left: 236px;
    top: 40px;
    width: 767px;
}
#nav li
{
    float: left;
    width: 85px;
}
#nav li a
{
    display: block;
    width: 85px;
    height: 30px;
    background: url(images/nav.jpg) no-repeat;
    text-indent: -99999px;
}
#nav li a#home
{
    width: 83px;
}
#nav li a#home:hover,
#nav li a#home.selected
{
    background-position: 0 -32px;
}

#nav li a#about
{
    background-position: -83px 0;
}
#nav li a#about:hover,
#nav li a#about.selected
{
    background-position: -83px -32px;
}
#nav li a#honor
{
    background-position: -167px 0;
}
#nav li a#honor:hover,
#nav li a#honor.selected
{
    background-position: -167px -32px;
}
#nav li a#news
{
    background-position: -252px 0;
}
#nav li a#news:hover,
#nav li a#news.selected
{
    background-position: -252px -32px;
}
#nav li a#food
{
    background-position: -337px 0;
}
#nav li a#food:hover,
#nav li a#food.selected
{
    background-position: -337px -32px;
}
#nav li a#item
{
    background-position: -422px 0;
}
#nav li a#item:hover,
#nav li a#item.selected
{
    background-position: -422px -32px;
}
#nav li a#room
{
    background-position: -508px 0;
}
#nav li a#room:hover,
#nav li a#room.selected
{
    background-position: -508px -32px;
}
#nav li a#disport
{
    background-position: -593px 0;
}
#nav li a#disport:hover,
#nav li a#disport.selected
{
    background-position: -593px -32px;
}
#nav li a#contact
{
    background-position: -678px 0;
}
#nav li a#contact:hover,
#nav li a#contact.selected
{
    background-position: -678px -32px;
}



/*----------------广告栏------------------------*/
#ad
{
    height: 335px;
}
#ad #adsub
{
    height: 33px;
    background: url(images/ad.jpg);
}

#googlesearch
{
    display: block;
    position: absolute;
    right: 10px;
    bottom: 30px;
    margin: 0;
    padding: 0;
}











/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/




/* =Sub Nav
-----------------------------------------------------------------------------*/


/* = Navigation(supplementary)
----------------------------------------------------------------------------*/
#nav_supp
{
   /* width: 920px; */
    margin: 0 auto;
    margin-top: 0px;
    height:231px;
   /* height: 150px; */
   background:url(images/nav_supp.gif) left top repeat-x;
}

/* 重点推介介绍*/
#nav_supp #dec
{
    float: left;
    width: 192px;
    background:url(images/index_dec.jpg) no-repeat;
    text-indent:-9999px;
    height:230px;
}

#nav_supp #dec h3
{
    font-size: 14px;
    text-align: left;
     margin: 20px 0 10px 10px;
   text-indent:-9999px;
  /* background:url(images/nav_supp_dec_title.gif)  no-repeat;*/

}

#nav_supp #dec p
{
    margin: 4px 8px;
   padding:10px;
    color:#23910C;
   font-weight:bold;
}

#nav_supp ul
{
    float: left; /* margin-right:10px;*/
}

#nav_supp ul li
{
    float: left;
    width: 200px;
   height:229px;
   /* margin: 2px 6px 2px 0; */
 padding:0 0 0 0px;
 text-align:center;
  background: url(Images/nav_supp_li.jpg) no-repeat left 2px; 
 /*  border:1px 0;*/
}

#nav_supp h4
{
    font-size: 13px;
   /* font-style: italic; 
    font-weight: normal;*/
    margin: 20px 0 10px 10px;
    padding: 0px;
    color:#23910C;
    text-align:left;
   font-weight:normal;
  position:relative;
 font-family:"黑体";
}
#nav_supp h4 a.more
{
  position:absolute;
  right:6px;
  top:0;
 font-size:12px;
 font-weight:normal;
 color:#23910C;
}

#nav_supp #dec_left
{
    float: left;
    width: 21px;
    height: 99px;
    margin: 30px 0 0 0;
    background: url(Images/dec_left.jpg) no-repeat;
}
#nav_supp #dec_right
{
    float: left;
    width: 21px;
    height: 99px;
    margin: 30px 0 0 0;
    background: url(Images/dec_right.jpg) no-repeat;
}

.more
{
   background: url(Images/more.gif) right center no-repeat;
    padding-right:10px;
    font-family:"黑体";
}

/*conter
--------------------------------------------------------------------------*/

#content
{
   /* width: 940px; */
    margin:2px auto 0px;
   /* border-bottom: solid 2px #E1E2CB; */
    background:url(images/contentmain_bg.jpg);
 
}

#content h2
{
  margin:10px 0;

}
.title 
{
   position:relative;
}
#content .title a.more
{
  position:absolute;
 right:10px;
 top:0;
  color:#35CD09;
}
/* =Main Content
-----------------------------------------------------------------------------*/
#content_main
{
    float: left;
    /*width: 400px;
    height: 240px; 
    border-left: solid 1px #E1E2CB;
    border-right: solid 1px #E1E2CB;*/
   width:640px;
    padding-left: 10px;
    margin: 2px 0px;
}
#pic{
  float:left;
  width:220px;
}
#pic img
{
  width:209px;
  height:160px;
}

#tit1{
	background:url(images/tit1.jpg) no-repeat;
   text-indent:-999999px; 
    margin:0;
   padding:0;
}
#content_main ul
{
  float:left;
  width:410px;
}
#content_main li
{
    line-height: 24px;
    padding-left: 20px;
    background: url(Images/arrow.gif) 10px 50% no-repeat;
  position:relative;
}
#content_main li .date
{
  position:absolute;
  right:0px;
  top:0;
  color:#B4B8B5;
}
#content_main #pic img
{
  border:solid 1px #C7E4C8;
 padding:4px;
}
/*
#content_main h2, #content_supp h2
{
    font-size: 16px;
    height: 25px;
    margin-left: 20px;
    margin-right: 10px;
    color: #487a00;
    border-bottom: solid 1px #E1E2CB;
}

#content_main h2, #content_supp h2
{
    background: #fff url(Images/news_back.jpg) 0 0 no-repeat;
    padding-left: 45px;
}
*/


/* =Secondary Content
-----------------------------------------------------------------------------*/



/*=Additional content
----------------------------------------------------------------------------*/
#content_sub
{
    float: left;
    width: 218px;
   text-align:center;
}

#content_sub a#feedback
{
    background: #fff url(Images/feedback_s.jpg) 0 0 no-repeat;
    width: 120px;
    height: 46px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    float: left;
    margin-right: 8px;
}

#content_sub a#qq
{
    margin-top: 10px;
    float: left;
}

#content_supp
{
    float: right;
    width: 340px;
    background: url(images/con2_bg.jpg) no-repeat;
   overflow:hidden;
}


#content_supp p
{
    background: #fff url(Images/intro.jpg) 0 0 no-repeat;
    margin-left: 10px;
    padding-left: 150px;
    line-height: 20px;
   
}

#content_supp #tit2
{
    background: url(images/con2.jpg) no-repeat;
    text-indent: -999999px;
    border: 0;
}
#content_supp ul
{
    width: 240px;
    margin-top: 20px;
    padding-left: 20px;

}
#content_supp li
{
    float: left;
    padding-left: 15px;
    width: 86px;
   line-height:26px;
    background: url(images/ico.jpg) no-repeat left center;
}

#content_supp a
{
    display: block;
    color: #005533;
    font-size: 14px;
    font-family: "微软雅黑";
    text-decoration:none;
}
#content_supp a:hover
{
    color: #42c504;
    font-size: 14px;
}
#content_supp #weather
{
    font-size: 14px;
    width: 308px;
    height: 28px;
    margin: 40px 0 0 0;
    text-align: center;
    line-height: 28px;
   padding-top:10px;
    background: url(images/weather.jpg) no-repeat;
}



/* =Footer
-----------------------------------------------------------------------------*/
#footer
{
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	height:40px;
	border-top:#66b267 solid 3px;
    clear:both;
   margin-top:0px;

}

#footer p
{
    text-align: center;
    margin: 0px;
    padding-top: 2px;
}


#footlink
{
    margin: 10px;
    margin-bottom: 20px;
}

#footlink ul
{
    list-style-type: none;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

#footlink ul li
{
    /*float:left;*/ /* width:120px;*/
    display: inline;
    padding: 2px 6px;
    line-height: 22px; /* width:120px;*/
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset
{
    border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

td
{
    text-align: left;
    font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =subcontent  二级页面
-----------------------------------------------------------------------------*/
#banner
{
 background:url(images/sub_top.jpg);
	height:101px;
}
#breadcrumb
{
  margin:20px 20px 40px 20px;
}
#content.sub
{
  background:url(images/sub_bg.jpg) no-repeat;
   min-height:400px;
 _height:480px;
}
#sidebar
{
    width: 200px;
    float: left; 
    
}

.sidebar_about,
.sidebar_honor,
.sidebar_product,
.sidebar_news,
.sidebar_contact,
.sidebar_meet,
.sidebar_itemsGame,
.sidebar_stage
{
   width: 200px;
   height: 64px;
  text-indent:-9999px;
}
.sidebar_about
{
    
 background: url(Images/sidebar_about.jpg) no-repeat;
}
.sidebar_honor
{
    
 background: url(Images/sidebar_honor.jpg) no-repeat;
}

.sidebar_product
{

    background:  url(Images/sidebar_product.jpg) no-repeat;
}

.sidebar_items
{

    background:  url(Images/sidebar_items.jpg) no-repeat;
}


.sidebar_news
{
    background: url(Images/sidebar_news.jpg) no-repeat;
}


.sidebar_meet
{

    background: url(Images/sidebar_meet.jpg) no-repeat;
}

.sidebar_expand
{

    background:  url(Images/sidebar_expand.jpg) no-repeat;
}
.sidebar_contact
{
      background:  url(Images/sidebar_contact.jpg) no-repeat;
}
.sidebar_itemsGame
{
      background:  url(Images/sidebar_itemsGame.jpg) no-repeat;
}
.sidebar_stage
{
   background:  url(Images/sidebar_stage.jpg) no-repeat;
}

#sidebar ul
{
    margin-bottom: 10px;
}
#sidebar ul li
{
	margin:3px auto;
}

#sidebar ul li#first
{
    background-color: #69873D;
    border-bottom: solid #ccc 1px;
}


#sidebar li a
{
   /* color: #70867A; */
    display:block;
	font-size:14px;
	color:#000;
	height:33px;
	text-align:center;
	background:url(images/sub_left.gif);
	line-height: 30px;
}
#sidebar li a:hover,
#sidebar li.selected a
{
 background:url(images/sub_leftdown.gif);
	color:#FFF;
	font-weight:bold;
}



#sidebar li li a
{
	background:url(images/sli_15.jpg);
	color:#030;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	height:18px;
}
#sidebar li li a:hover
{
    color :#030;
	background:url(images/sli_17.jpg);
}

#main
{
   /* width: 660px;*/
    width:720px;
    float: right; 
    padding: 20px 40px;
}
#main p
{
  line-height:24px;
  margin-bottom:16px;
}
#main h1
{
    /* border-bottom:solid #ccc 2px; */
    font-size: 22px;
    margin: 1em 0; /* background:url(../../Images/product_back.jpg) no-repeat;*/
    background: url(Images/h1_back.jpg) no-repeat; /* height:36px;*/
    height: 59px;
    padding: 8px 10px 6px 32px;
    color: #487a00;

    display:none;
}

#main h2.title
{
    margin-top: 40px;
    padding: 6px;
    background-color: #F1FFE6;
    text-align: center;
    font-size: 18px;
}



/*IMG {BORDER-TOP-WIDTH: 0px;	BORDER-LEFT-WIDTH: 0px;	BORDER-BOTTOM-WIDTH: 0px;	VERTICAL-ALIGN: middle;	BORDER-RIGHT-WIDTH: 0px}*/


#main .show_items
{
    width: 100%;
    margin: 10px;
}

#main .show_items h4
{
    text-align: center;
}

#main .show_items p
{
    text-align: left;
    width: 160px;
}

#main .show_items tr
{
    border-bottom: solid #ccc 1px;
}

#main .show_items td
{
    text-align: center;
    vertical-align: top;
}

#main .show_items dl
{
    /* border-bottom:solid #ccc 1px;*/
}

#main .show_items dt
{
    /*  width:150px;     height:100px;     text-align:center;*/
    width: 160px;
    height: 110px;
    background: url(images/shadow.gif) no-repeat bottom right; /* clear: right;   float: left;*/
    position: relative;
    margin: 10px 0 0 10px;
}

#main .show_items dt img
{
    display: block;
    border: 1px solid #a9a9a9 !important;
    width: 150px;
    height: 100px;
    background: #fff;
    margin: -5px 5px 5px -5px;
    position: relative;
    padding: 4px;
}


#main ul
{
    /*border-top : 5em solid #f5efff; */
    border-bottom: 1px solid #999;
    overflow: hidden;
}


#main ul li.product
{
    /*  background : url(images/ul.png) repeat-x; */
    float: left;
    width: 200px; /* border:solid red 1px;*/
    margin: 6px; /* height:328px;*/
    height: 250px; /*  display:inline;*/
}

#main ul li.content
{
    float: left;
    width: 180px; /* border:solid red 1px;*/
    margin: 6px;
    height: 280px;
}


.desc_content h2
{
    margin: 4px;
    font-size: 14px;
    text-align: center;
}
.desc_content p
{
    width: 160px;
    line-height: 20px;
    padding: 2px 6px;
}


.img_product
{
    margin: 6px;
    background: url(images/shadow.gif) no-repeat right bottom;
    float: left;
    display: inline; /*不加这个，在IE6会变形 */
}

.img_product div
{
    background: url(images/mask.png) no-repeat left top !important;
    background: url(images/mask.gif) no-repeat left top;
    padding: 0 0px 0px 0;
    float: left; /* :KLUDGE: Fixes bug in IE/Mac */
    margin: 0px;
}
.img_product img
{
    background-color: #fff; /* background-color:#C00000;*/
    border: 1px solid #a9a9a9 !important;
    padding: 4px; /* margin: -5px 5px 5px -5px;*/
    display: inline;
    margin: 0px;
    position: relative;
    left: -5px;
    top: -5px;
}




.desc_product
{
    float: left;
    margin: 0;
    padding: 0; /*  width:340px;*/
}

.desc_product h2
{
    margin: 4px;
    font-size: 14px;
    text-align: center;
}
.desc_product p
{
    width: 180px;
    line-height: 20px;
    padding: 2px 6px;
    border-bottom: 1px solid #ccc;
}

.desc_items
{
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.img_items
{
    float: left;
    margin: 4px 6px;
    width: 200px;
}

.desc_items p
{
    font-size: 13px;
    line-height: 22px;
    padding: 4px 6px;
    margin: 0px;
    margin-left: 6px;
    float: left;
    width: 340px;
}

.desc_items h3, .block_show h3
{
    /*background-color:#69873D;*/
    background-color: #D3E0C2;
    padding: 6px;
}

#admin_sidebar
{
    float: left;
}

#admin_sidebar *
{
    margin: 2px;
    padding: 0px;
}

#admin_content
{
    float: right;
}



#secnewshot
{
    margin: 20px;
    float: left;
    text-align: left; /* background:#fafbf1;*/
}

#secnewshot h1
{
    font-size: 14px;
}

#secnewshot li
{
    width: 620px;
}


#secnewshot .img_news
{
    float: left;
}


#secnewshot .desc_news
{
    width: 420px;
    margin-left: 20px;
    float: left;
}

#secnewshot .desc_news h2
{
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}


#secnewshot table td
{
    padding: 6px;
}

#secnewslist
{
    float: left;
    text-align: left;
    margin: 10px;
    line-height: 22px; /* border-top:solid 1px #ccc;*/
    width: 620px;
    padding-top: 10px;
}

/*A:link {	COLOR: #0435ac;	TEXT-DECORATION: underline}   */
#newsimg
{
    float: left;
    width: 184px;
    overflow: hidden;
    padding-left: 20px;
    margin-right: 10px;
}
#newsimg a
{
    border-right: #ddd 1px solid;
    padding-right: 4px;
    border-top: #ddd 1px solid;
    display: block;
    padding-left: 4px;
    padding-bottom: 4px;
    overflow: hidden;
    border-left: #ddd 1px solid;
    width: 174px;
    padding-top: 4px;
    border-bottom: #ddd 1px solid;
}


.about_img
{
    float: left;
    margin-right: 20px;
}
.about_img2
{
    /* float:right;*/
    margin: 6px auto;
    text-align: center;
}



/*留言板*/

#feedback
{
}

#feedback h4
{
    padding: 4px;
    background-color: #D3E0C2;
    font-weight: normal;
    font-size: 14px;
    margin-right: 20px;
}

.feedback_content
{
    width: 600px; /* border-top:solid #ccc 1px;     border-bottom:solid #ccc 1px;*/
}

.reply_content
{
    color: blue;
}
.sendcontent
{
    border: solid #ccc 1px;
    margin: 16px 8px;
    padding: 10px 12px;
}


.sendcontent .content_dec
{
    margin: 10px 0 10px 0;
    text-decoration: none;
    font-size: 1em;
    font-weight: normal; /*line-height:30px;*/
    line-height: 22px;
    background-color: #efefef;
    padding-left: 20px;
}

.expand
{
    width: 100%;
}
.expand li
{
    float: left;
    width: 264px;
    margin-right: 20px;
    padding: 7px;
    margin-left: 10px;
    height: 296px;
    background: url(images/bg-cap-link2.gif) no-repeat left top;
}

.wargameimg
{
    float: right;
    margin-left: 20px;
    text-align: center;
}
ol#wartext
{
    list-style-type: decimal;
    line-height: 22px; /*margin-left:10px;*/
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
}


#shownews h2
{
    text-align: center;
    border: solid 1px #ccc;
    font-size: 18px;
    padding: 6px;
    margin: 20px 10px 10px 10px;
}
#shownews p#dec
{
    text-align: right;
    margin-right: 30px;
    margin-bottom: 10px;
}


.wargame li
{
    float: left;
    width: 300px;
    margin-right: 10px;
    padding: 2px;
    margin-left: 10px;
    height: 220px; /* BACKGROUND: url(images/bg-cap-link2.gif) no-repeat left top;*/
}
.itemsplay li
{
    float: left;
    margin: 2px;
}

.photolist li
{
    float: left;
    margin: 4px 6px;
    padding: 2px; /*  height:250px;     width:250px;     border:solid 2px #ccc;*/
}



.photolist li .photosmall
{
   
    height: 250px;
    width: 250px;
    
    padding: 2px;
    border: 1px solid #666;
    overflow: hidden;
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

/*------------------新闻列表---------------*/
#main .newsList
{
   border:0;
}
.newsList li
{
  
 line-height: 26px;
    padding-left: 26px;
    background: url(Images/arrow.gif) 10px 50% no-repeat;
  position:relative;
  border-bottom:dashed 1px #ccc;
}
.newsList li .date
{
  position:absolute;
  right:0px;
  top:0;
  color:#B4B8B5;
}

/* .photolist li #photosmall img
    {
        position:static;
  position:relative;
  top:-50%;left:-50%;
  vertical-align:middle;

        }*/

#admin_container .operation
{
    padding: 6px; /* float:left;*/
    width: 600px;
    margin: 10px;
}
#admin_container .operation a
{
    padding: 7px 22px;
    background: url(Images/userButton2.gif) no-repeat left center;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.adminMenu
{
    width: 180px;
    margin: 0px;
    padding: 0px;
}
.adminMenu ul
{
    padding: 0px;
    margin: 0px;
}

.adminMenu ul li
{
    margin: 0px;
    padding: 2px;
    width: 120px;
}

.adminMenu ul li.first
{
    font-weight: bold;
    margin: 10px 0 0 10px;
}

.adminMenu ul li ul
{
    margin: 0px;
    padding: 6px 20px;
}
.adminMenu ul li ul li
{
    margin: 0px; /* padding:4px;*/
}

.adminMenu h2
{
    font-size: 14px;
    padding: 2px 10px;
    background-color: #ccc;
    margin: 0px;
}

#admin_footer
{
    clear: both;
}
#admin_container .contentArea
{
    margin: 10px;
    padding: 6px;
}
.adminLogin
{
    border: solid 1px #ccc;
    width: 500px;
    height: 200px;
    margin: 80px auto;
    padding: 20px;
}
.adminLogin div
{
    margin: 6px;
    text-align: center;
}
.adminLogin div.btn
{
    text-align: center;
}



/*相册功能*/
#albumDes
{
  text-indent:2em;
}




/*--------------自己的相册--------------------------------------------------------------*/
.photoContent
{
  border:solid 2px #CAD4C3;
  width:662px;
  margin: 0 auto;
    
}
#imgContent
{
 /* height:500px;*/
 text-align:center;
 margin:20px 20px 0 20px;
 padding:6px;
 background-color:#EBEAEA;
}

 .thumb.selected
{
  /* border:solid 1px red; */ 
 background-color:#ccc;
}
a.thumb
{
  border:solid 1px #C7CCC2;
 display:block;
 width:140px;
 height:140px;

}


/*--------加这个元素实现图片垂直居中--------*/
#imgContent i
{
 display:inline-block; 
 height:100%; 
 vertical-align:middle; 
}

#imgContent img
{
 vertical-align:middle;
 max-width:610px;
 max-height:458px;
 /* padding:6px;  */
 background-color:#EBEAEA;
 cursor:pointer;
}

.albumsArea
{
  width:660px;
 margin:20px auto;
}
.albumsContainer
{
 width:590px;
 height:146px; 
 overflow:hidden;  
 position:relative;
/* border:solid 1px red; */ 
 float:left;
 margin-left:30px;
}
.goLeft,
.goRight{
  float:left;
 height:140px;
 width:22px;
 cursor:pointer;
 border:solid 1px #CAD4C3; 
 text-indent:-9999px;

}
.goLeft
{
 /* margin-left:-630px; */
 margin-right:10px;
 background: url(images/prevPageArrow.gif) left center no-repeat ;
}
.goRight{
 margin-left:6px;
 background: url(images/nextPageArrow.gif) left center no-repeat ;

}

.listContent
{
  position:absolute; 
 	/* width:2800px; */ 
    /* height:140px; */ 
	top:0px; 
	left:0px;
	/* padding:20px 0 0 8px;*/
 
}





/*----------------------------------*/
   #idContainer
        {
            margin-bottom: 10px;
        }
 
 
#idContainer table td
 {
     color: #3366bb;
    text-align:center;
   vertical-align:middle;
  }

        .container
        {
            padding-bottom: 10px;
            padding-left: 13px;
            width: 666px;
            margin:20px auto;
            padding-right: 13px;
           /* background: #e2ebfd; */
            color: #fff;
            overflow: hidden;
            padding-top: 10px;
        }
        div.navigation
        {
            width: 596px;
            overflow: hidden;
           margin:0 ;
           float:left;
         /* border:solid 1px red; */ 
        }
        .navigation div
        {
           /* line-height: 20px;
            margin: 3px; 
            width: 140px;
            height: 140px;*/
            margin-right:8px;
  
       
        }

        .navigation div img
        {
            max-width:140px;
            max-height:140px;
          vertical-align:middle; 
            text-align:center;
           
         
        }
        .sliderArea
        {
          margin:10px 0 10px 36px;
         
        }
        .slider
        {
            position: relative;
            padding-bottom: 1px;
           /* background-color: #c0d1e5; */
            padding-left: 0px;
            width: 586px;
            padding-right: 0px;
            float: left;
            height: 15px;
            border: #CAD4C3 1px solid;
            cursor: pointer;
            padding-top: 1px;
        }
        .slider_left
        {
            width: 28px;
            background: url(images/sign.gif) no-repeat;
            float: left;
            height: 19px;
            cursor: pointer;
        }
        .slider_right
        {
            width: 28px;
            background: url(images/sign.gif) no-repeat;
            float: left;
            height: 19px;
            cursor: pointer;
        }
        .slider_left
        {
            background-position: left top;
        }
        .slider_right
        {
            background-position: right top;
        }
        .bar
        {
           /* width: 150px; */
            width:140px;
            /* background: url(images/lan.gif) repeat-x left top; */
           background: url(images/ui-bg_1x400.png) repeat-x left top; 
           /* border:solid 1px #d3d3d3; */
            height: 15px;
        }
        .bar_left
        {
            position: absolute;
            width: 6px;
            background: url(images/button.gif) no-repeat;
            height: 15px;
            top: 0px;
            _font-size: 0;
        }
        .bar_right
        {
            position: absolute;
            width: 6px;
            background: url(images/button.gif) no-repeat;
            height: 15px;
            top: 0px;
            _font-size: 0;
        }
        .bar_left
        {
            background-position: left top;
            left: -6px;
        }
        .bar_right
        {
            background-position: right top;
            right: -6px;
        }
        .caption
        {
          display:none;
        }
        #caption
        {
          padding:10px;
        }

        div.caption {
	padding: 0 12px;
}

div.image-title {
	font-weight: bold;
  font-size:14px;
  /* float:left;
  width:200px; */
   padding-top: 12px; 
}
div.image-desc {
	/* line-height: 1.3em; */
    line-height:24px;
	 padding-top: 12px; 
   /* float:right;
    width:400px;
    */
}