@charset "utf-8";

/* CSS Document */
BODY{BACKGROUND: #f4f4f4; COLOR: #666; font-size:12px; font-family: "Microsoft YaHei","΢���ź�", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,p,th,td{margin:0;padding:0;}
div,ul{margin:auto; list-style:none}
.clear{clear:both;}
.hidden{display:none;}
img{border:none; max-width:100%;}
a img{cursor: pointer;transition: all 0.6s;}
a img:hover{transform: scale(1.2);}

A{COLOR: #666; TEXT-DECORATION: none}
A:hover{TEXT-DECORATION: none; color:#1d1e33}
a,img{border:0;}
.left{float:left}
.right{float:right; }
.clear{clear:both}

.back { width:100%; height:35px; margin-top:50px; position:relative; overflow:hidden; margin-bottom:50px;}
.back li { width:33.3%; float:left; height:30px; line-height:30px;}
.back li.right { text-align:right}
.px { width:1200px;}

.section { position: relative; overflow: hidden;}
.section .slide { position:relative; overflow:hidden}
.section .bg { width: 100%; height: 100%;}
.section .bg img { position:absolute; display: block; width: 100%; height:auto}



.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.button { display:block; margin:auto; width:110px; height:30px; line-height:30px; border-radius:3px; border:1px solid #ccc; text-align:center; 
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, #000033 50%, #fff 50%);
  background-image: linear-gradient(left, #fff 50%, #000033 50%);
  background-position: 100% 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
  
.button:hover {  border:1px solid #fff; color:#fff;border-radius:3px;  cursor: pointer;background-position: 0;}


.cutepage { text-align:center; margin:50px 0; font-size:12px; }
.cutepage a, .cutepage span {padding:8px 25px;border:1px solid #ccc; border-radius:3px; margin: 0 3px; cursor:pointer;  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, #000033 50%, #fff 50%);
  background-image: linear-gradient(left, #fff 50%, #000033 50%);
  background-position: 100% 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.cutepage a:hover, .cutepage span:hover {  color:#fff; border:1px solid #fff; border-radius:3px;background-position: 0;}

.controlArrow { width: 100px; height: 100px; margin-top: -50px; border: 0 none;}
.fp-controlArrow.fp-prev { left: 50px; }
.fp-controlArrow.fp-next { right: 50px; background: url(../images/right_control.png) 50% no-repeat;}

h1.title { text-align:center; margin:auto; font-weight:normal; }
h1.title p.en{ color:#1d1e33; font-size:32px; margin-bottom:5px; text-transform:uppercase;}
h1.title p.cn{ color:#333; font-size:24px;}
h1.title span { display:block; margin:auto; width:60px; height:1px; background:#333; margin-top:10px;}
/* top */

.top { position: fixed; left: 0; right: 0; top: 0; z-index: 999; height: 60px; background:url(../images/bg90.png) repeat; border-bottom:1px solid #eee}
.logo { float: left; margin-top: 9px;}
#menu .en { float:right; margin-right:40px;}
#menu .en a{ display:block; width:30px; height:30px; margin-top:15px; margin-left:45px; border-radius:5px; background:#1d1e33; color:#fff; line-height:30px; text-align:center; font-size:14px; font-weight:normal  }
#menu .en a:hover{background:#666;}
.search_img {cursor:pointer;top:13px;position: absolute; left:50%; margin-left:570px; width:32px; height:32px; text-align:center ;width:24px; margin-top:4px}
.search_img:hover { opacity: 0.5; transition: all 0.5s;}
.search_box { display:none; width:500px; height:55px; background:url(../images/bg90.png) repeat; position:absolute; left:50%; top:60px; margin-left:110px; }
.search_box_hover{ display:block;position:absolute;}
.search_box input.keyword { width:320px; height:35px; margin:10px 0 0 10px; border-radius:3px; border:1px solid #ddd ; text-indent:1em; color:#666; outline:none;}
.search_box input.keyword:hover { border:1px solid #666;}
.search_box input { float:left}
.search_box input.button { margin:10px 0 0 10px; height:35px; border:0; background-color:#1d1e33; color:#fff}
.search_box input.button:hover { background:#666}
.search_close { cursor:pointer; float:right; margin:10px 10px 0 0; height:32px; width:32px; text-align:center;}
.search_close img { width:20px; margin-top:6px;}
.search_close img:hover { transform:rotate(180deg) ; opacity: 0.5; transition: all 0.5s;}

.nav { float: right; margin-top: 15px; font-size: 0;}
.menuitem { display: inline-block; zoom:1;*display:inline;  margin-left: 60px; position:relative;}
.menuitem a { display:block; width:100%;height: 30px; line-height: 30px; font-size: 14px; color: #333; text-decoration: none; transition: all 0.5s;}
.menuitem a span.jt { height:30px; width:30px; display:inline-block; vertical-align:top;  background:url(../images/jt.png) no-repeat center top;}
.menuitem a:hover { color:#000;}
#menu .jt {   background:url(../images/jt.png) no-repeat right top; padding-right:25px; margin-right:-8px;}

.menuitem ul{display:none; position:absolute;top:30px;left:50%;width:230px; padding:10px 0; z-index:998;margin-left:-125px;}
.menuitem ul li{background-color:#fff;  border-right:1px solid #ddd; border-left:1px solid #ddd; }
.menuitem ul li a{
	padding:12px;
	color:#666 !important;
	text-decoration:none !important;
	display:block;
	 transition: all 0.3s;
}
.menuitem ul li a:hover{color:#000 !important;font-weight:300}
.menuitem ul li:nth-child(odd){ /* zebra stripes */background-color:#fff; }
.menuitem ul li:hover{background-color:#f9f9f9;}
.menuitem ul li:first-child{border-radius:6px 6px 0 0; margin-top:25px; *margin-top:0px ; position:relative; border-top:1px solid #ddd; }
.menuitem ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#fff;
	left:50%;
	top:-11px;
	margin-left:-5px;	
}
.menuitem ul li:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom:1px solid #ddd;	
}
/* top end */


/* foot */
.foot { width:100%; position:relative; overflow:hidden; margin-top:100px; font-size:14px;   }
.foot ul { border-top:1px solid #ddd; }
.foot li { padding:30px;}
.foot a:hover { color:#1d1e33}

/* foot end */



/* home  */
.section .p1 {  width:1200px; color:#fff; margin-top:-150px;  margin-left:-600px;   }
.section .p2 {  width:1200px; height:370px;  margin-top:-190px;  margin-left:-600px;  }
.section .p3 {  width:1200px; height:500px;  margin-top:-190px;  margin-left:-600px;  }
.section .bg01 { position:absolute; left:50%; top:50%; z-index:888; }
.p1 p.t1 { font-size:60px;}
.p1 p.t2 { font-size:24px;  margin-bottom:50px;}
.p1 p.t3  { font-size:30px;}

.p2 p.t1 { font-size:50px; color:#fff; }
.p2 p.t2 { font-size:36px; font-weight:bold; color:#fff;letter-spacing:5px}
.p2 p.t3 img { width:auto; position:absolute; bottom:0;}

.p3 p.t1 { font-size:32px;font-weight:bold;  color:#fff;letter-spacing:5px }
.p3 p.t2 { font-size:16px; color:#fff;}
.p3 p.t3 img { width:auto; position:absolute; bottom:0; right:0;}

.section span.color {font-size:30px; font-weight:bold; color:#1d1e33; margin:0 0 0 10px;}
.section p.t4 a { display:block; background:#1d1e33; text-align:center; width:150px; height:35px; line-height:35px; color:#fff; font-size:14px; font-weight:bold; border-radius:3px;margin:30px 0 0 40px;  transition: all 0.5s;}
.section p.t4 a:hover {background-color:#a6212a; }

.index_about { width:100%; height:800px; position:relative; overflow:hidden;}
.index_about li.left { width:610px; height:475px; position:relative; overflow:hidden;margin:125px 0 0 0 ;}
.index_about li.right {margin:125px 0 0 0 ;}
.index_about_content li.t1 { font-size:36px; color:#000}
.index_about_content li.t2 { font-size:20px; color:#666; margin-top:10px;}
.index_about_content li.t3 span { display:block; width:50px; height:5px; background:#000033; margin-top:30px;}
.index_about_content li.text { font-size:16px; margin-top:50px;}
.index_about_content li.more a { display:block; font-size:18px; width:194px; height:46px; border:3px solid #000033;line-height:50px; background:#000033; color:#fff; text-align:center; position:absolute; bottom:0; right:0; transition: all 0.3s;}
.index_about_content li.more a:hover { background:#f5f5f5; color:#000033  }

.index_product { width:100%; height:800px; background:url(../images/bg_indexpr.jpg) center top no-repeat;}
.index_product h1 img { margin:100px;}
.index_product ul { margin-top:80px;}
.index_product li { float:left; text-align:center; width:200px;  }
.index_product li:hover { transition: all 0.3s;}
.index_product li a { color:#fff; font-size:16px; padding-bottom:30px;}
.index_product li p { margin-top:20px;}

.index_news { height:800px; overflow:hidden;  width:100%; position:relative; background:#f4f4f4 }
.index_news ul.px { margin-top:200px;}
.index_news h1.title { margin-bottom:100px;}
.news_list_li { width:250px; height:250px; position:relative; overflow:hidden; float:left; margin-right:50px; color:#666;}
.news_list_li a { color:#000}
.news_list_li p.time { font-size:14px; display:block; width:100%; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
.news_list_li p.title { font-size:14px; margin-bottom:10px;}
.news_list_li p.content { font-size:12px; }
.news_list_li span { display:block; position:absolute; bottom:0; width:110px; margin:30px 0;}

/* home end */


.about_banner { margin-top:60px; width:100%; height:500px; background:url(../images/banner_about.jpg) center center; }
.about_banner h1 { padding:80px;}
.about_content { margin-top:-250px; font-size:14px; }
.about_content ul { background:#fff; height:500px;}
.about_content li { width:50%;}
.about_content li.left { padding:80px; width:420px;text-align: justify;text-justify: inter-ideograph;/*IE*/}
.about_content h1 { color:#1d1e33; font-size:18px;}
.about_content h2 { color:#1d1e33; font-size:12px; font-weight:normal ;}
.about_content span.line { display:block; width:40px; height:1px; background:#1d1e33 ; margin:20px 0 40px 0; position:relative;}

.about_honor { margin-top:150px;}
.title02 { width:100%; height:30px; position:relative; overflow:hidden; }
.title02 li { vertical-align:bottom; }
.title02 li.t1 { float:left; font-size:24px; color:#1d1e33;}
.title02 li.t2 { float:left; font-size:14px; color:#666; margin-left:10px; margin-top:12px;} 
.title02 li.t3 { float: right ; } 
.title02 li.t3 img { margin-top:15px;}
.img_list { width:1500px;}
.img_list li  { width:210px; margin:40px 34px 0 0; position:relative; overflow:hidden; display:inline-block;*zoom:1;*display:inline; }
.img_list a.text { font-size:14px; margin:30px 0 10px 0; display:block;}
.img_list span { width:100%; height:1px; display:block; background:#cfcfcf;  
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, #1d1e33 50%, #cfcfcf 50%);
  background-image: linear-gradient(left, #1d1e33 50%, #cfcfcf 50%);
  background-position: 100% 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.img_list li:hover span { background-position: 0;}
.img_list li:hover a { color:#1d1e33}

.about_culture { width:100%; height:590px; background:url(../images/bg_culture.jpg) center center; margin-top:100px; position:relative; overflow:hidden }
.title03 { width:400px; margin:auto;  position:absolute; left:50%; margin-left:50px; top:50px;}
.title03 li.t1 { float:left; font-size:24px; color:#000;}
.title03 li.t2 { float:left; font-size:14px; color:#666; margin-left:10px; margin-top:12px;} 
.title03 span { display:block; width:40px; height:1px; background:#000 ; margin-top:50px; }
.cultuer_content{ width:550px; height:330px; overflow: auto; margin:auto;  position:absolute; left:50%; margin-left:50px; top:150px; font-size:14px; color:#666;}

.product_content  td { padding:20px 0;font-size:14px; border-bottom:1px dashed #ccc}
.product_content tr.title td {  font-size:14px; color:#1d1e33; font-weight:bold; border-bottom:1px solid #1d1e33; }

.contact_main { width:1140px; padding:30px; background:#fff; margin-top:-150px; position:relative; overflow:hidden; margin-bottom:60px; text-align:center  }
.contact_content { text-align:center}
.contact_content li.t1 { font-size:18px; font-weight:bold; color:#000; margin:20px 0 0 0;}
.contact_content li.t2 { font-size:14px;}
.contact_content li.t3 { font-size:14px; margin:20px 0 0 0; line-height:24px; color:#000}
.contact_list { border-bottom:1px dashed #bdbdbd;border-top:1px dashed #bdbdbd; margin:40px 0; padding:50px; font-size:14px; color:#000; text-align:left; position:relative; overflow:hidden}
.contact_list li { width:33.3%; line-height:30px;  float:left;}

.message { margin-top:30px;  height:426px; width:100%; position:relative; overflow:hidden; background:url(../images/message.jpg) center top no-repeat #fff;  } 
.message li.left { width:50%;height:426px;}
.message li.right {  width:50%; height:426px;}
.message iframe { width:520px; height:380px; margin-top:80px; position:relative; overflow:hidden; }

#imgup_list { width:1200px; margin:auto; margin-top:150px; position:relative;}
#imgup_list ul { width:1400px; overflow:hidden}
#imgup_list ul li { display:inline-block; *zoom:1; width:280px; margin-right:20px; text-align:center; margin-bottom:50px; }
#imgup_list a.img { width:100%; overflow:hidden; position:relative; display:block;}
#imgup_list a.topic { font-size:16px; margin:10px 0; display:block;}
.imgup { margin-top:150px; text-align:center}
.imgup li.topic { font-size:32px; font-weight:bold; margin-bottom:50px; color:#000033}

















.banner_detail { width:100%; height:400px;  margin-top:60px; text-align:center}
.banner_detail.about { background:url(../images/banner_about.jpg) top center;}
.banner_detail.product { background:url(../images/banner_product.jpg) top center;}
.banner_detail.service { background:url(../images/banner_service.jpg) top center;}
.banner_detail p { padding:80px;}

.table { color:#000000; margin-top:100px;}
.table a { color:#000; background:url(../images/form.png) left no-repeat; padding-left:20px;}
.table a:hover { color:#1d1e33}
.table_beizhu { margin:20px 0;}
.table_beizhu span { display:block; width:50px; background:#ff0000; height:20px; float:left; margin-right:10px;}

.ny_qr {  width:1200px; }
.ny_qr li { width:300px; height:200px; float:left; text-align:center; list-style:none; }
.ny_qr li img { width:100px;}
.ny_qr .qr4 { text-align:left;}







/* banner */

.news {background:url(../images/banner_news.jpg) center top no-repeat; }
.contact {background:url(../images/banner_contact.jpg) center top no-repeat; }

.news_bg h1 { margin-top:200px;margin-bottom:30px;}

#detail_left { width:250px;}
#detail_right { width:900px; margin-bottom:50px; min-height:600px;}
#detail_left li { width:100%; height:50px; line-height:50px; border-bottom:1px dotted #eee; font-size:14px; padding-left:20px; }
#detail_left li:hover { background:#f9f9f9;}
#detail_left li a { display:block; width:100%;}
#detail_left p { margin:15px 0;}
.list_menu { width:100%; text-align:center;margin-top:50px;}

.list_menu li { display:inline-block; zoom:1;  }
.list_menu li a { display:block; margin:20px 10px; padding:5px 30px; border-radius:3px; border:1px solid #ccc; text-align:center;  
  background-size: 200% 100%;
background-image: -webkit-linear-gradient(left, #000033 50%, #fff 50%);
  background-image: linear-gradient(left, #fff 50%, #000033 50%);
  background-position: 100% 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.list_menu li a:hover{  background-position: 0; border:1px solid #fff; color:#fff; cursor: pointer}

#list_con ul {letter-spacing:-3px; font-size:0; margin-top:50px;}
#list_con li { width:25%; display:inline-block; zoom:1; margin-bottom:50px; vertical-align:top; }
#list_con li a { display:block; margin:10px;letter-spacing:0; font-size:12px; }
#list_con span { display:block; }
#list_con span.img  {  background:#f6f6f6; height:120px; width:100%; overflow:hidden;}
#list_con li img { width:100%;}
#list_con span.time{ font-size:20px; font-family: Arial, Helvetica, sans-serif; color:#666; margin-bottom:10px; }
#list_con span.title  { font-size:16px; color:#000; width:100%; border-bottom:1px solid #ddd; margin:20px 0 10px 0; padding-bottom:10px;}
#list_con span.jianjie{ font-size:12px; color:#666;}





.imgbg { width:100%; background:url(../images/imgbg.jpg) top center repeat-x; display:block;  margin-top:60px;} 
.imgbg ul { position:relative; height:500px; overflow:hidden;}
.imgbg img { position:absolute; right:0; top:0;}
.imgbg h1.topic { position:absolute; left:0; bottom:0; color:#000; font-size:32px; font-weight:normal;}
.imgbg p.jian { display:none; position:absolute; left:0; top:150px; width:450px; line-height:24px; font-size:14px; }


.title_contact { text-align:center}
.text { margin:30px 0;}
.content { margin-bottom:50px; position:relative; overflow:hidden}
.content img { max-width:100%}
.content p { line-height:24px; margin:10px 0; font-size:14px; }
.content strong { font-weight: 400}

.content span.time {  display:block;font-size:60px; color:#f3f3f3; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:0px; margin-left:20px;}
.content span.title { display:block; font-size:24px; font-weight:bolder; color:#333;}
.content span.titleen { display:block; font-size:14px; color:#333;font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:40px;}

.about_test { width:100%; background:url(../images/about.jpg) top center no-repeat; height:2540px;}
.about_detail { width:100%; height:auto; position:relative; overflow:hidden; margin-top:60px; background:url(../images/bg_about.jpg) fixed no-repeat top center #eee; font-size:14px;}
.about_px { width:800px; margin:auto}
.about_detail h1.title { margin:200px 0 100px 0;}
.history li { border-bottom:1px dotted #999; font-size:14px; width:100%; overflow:hidden; position:relative; height:auto;  padding:20px 0; }
.history li span { display:block; float:left; }
.history li span.time { width:70px;}
.history li span.pzh { width:50px;}
.history li span.ny { width:680px;}
.honor { text-align:center; margin-bottom:300px;}
.honor img { width:200px; margin:0 10px ;}

.equipment_detail {width:100%; height:auto; position:relative; overflow:hidden; margin-top:60px; padding-bottom:200px; background: url(../images/banner_service.jpg) center; font-size:14px;}
.equipment_detail h1 { margin:100px 0;}
.equipment_detail li.left { width:60%;}
.equipment_detail li.right { width:40%;}
.equipment { width:480px; height:450px; float:right; background:#fff; border-radius:15px;  box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.equipment ul { padding:40px}
.equipment img { margin-bottom:10px;}
.equipment a { margin-top:50px; padding:5px 20px; color:#fff; background:#ff0000; border:0; border-radius:5px;}
.equipment a:hover { border:0;}

#pr_list { width:100%; height:auto; position:relative; overflow:hidden; background:#f6f6f6; margin-top:60px;}
#pr_list h1 { color:#000;font-weight:normal; font-size:24px; letter-spacing:10px; text-align:center; margin:auto; margin-top:50px;margin-bottom:50px;}
#pr_list ul {letter-spacing:-3px; font-size:0; }
#pr_list li { width:25%; display:inline-block; zoom:1;*display:inline; margin-bottom:50px; vertical-align:top;font-size: 12px; letter-spacing:0;}
#pr_list li span { display:block; width:90%; height:200px; position:relative; overflow:hidden; background:url(../images/prlist_bg.jpg) center top #fff;box-shadow: 0px 0 7px rgba(0,0,0,0.3); border-radius:5px; text-align:center; b }
#pr_list li a { display:block; width:90%}
#pr_list li a.button {  width:110px; position:absolute; bottom:30px; left:50%; margin-left:-55px;}
#pr_list li a.topic { font-size:18px; color:#000; margin:auto; margin-top:30px; margin-bottom:20px; text-align:center;border-bottom:1px dotted #ddd; padding-bottom:10px; }

.product_detail { margin:auto; margin-top:100px;  position:relative; border-bottom:1px solid #1d1e33; color:#888; }
.product_detail h1.topic {  color:#1d1e33; margin-bottom:25px; font-size:32px;}
.product_detail h2.topic_jianjie {  font-size:18px;}
.product_detail p { font-size:14px}
.product_content table  a {background:url(../images/form.png) left no-repeat; padding-left:20px;}
.product_content li { height:350px; font-size:14px; color:#888}


.contact h1 { margin-top:200px;}


.message_nav { background:#353535; width:100%; position:relative; overflow:hidden}
.message_nav h1 { color:#fff; margin:65px 0 35px 0; font-size:30px; font-weight:800;}
.message_nav li.left { width:65%}
.message_nav li.right { width:35%}
.message_nav iframe { width:100%; height:500px; overflow:hidden}
.message_nav .text { padding-left:100px; line-height:30px; padding-top:50px;}
.message_nav .txt1 { color:#ff0000; font-size:18px; font-weight:800; margin-bottom:20px;}
.message_nav .txt2 { color:#d9d9d9; font-size:14px;}


.contact_detail { width:100%; text-align:left}
.contact_detail h1 { padding:25px 0 0 60px; font-size:30px; line-height:30px; color:#000;}
.contact_detail p.h2 { padding:0 0 50px 60px; color:#666; font-size:16px; }
.contact_detail ul { border-bottom:1px dashed #ddd; border-top:1px dashed #ddd; overflow:hidden}
.contact_detail li { float:left;overflow:hidden;}
.contact_detail li.c1 { width:390px; padding:50px 0 50px 60px;}
.contact_detail li.c2 { width:230px; padding:50px 0 50px 0;}
.contact_detail li p { font-size:14px; line-height:30px;height:30px; color:#333}
.contact_detail li span {   width:60px; height:30px; display:block; float:left; overflow:hidden; text-align:justify;}
.contact_detail i{display:inline-block;/*padding-left: 100%;*/width:100%;}





/* tuji */
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:100%; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/rongyu/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/rongyu/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/rongyu/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/rongyu/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/rongyu/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

.meta{ text-align:center; width:250px; height:30px; overflow:hidden;}
.meta a{color:#333; text-decoration:none}

.mod_gallerylist{width:950px;margin:0 auto; }
.mod_gallerylist ul { width:1000px; overflow:hidden}
.mod_gallerylist li {margin:0 4px 0 0; display: inline-block;	*display:inline;	zoom:1; }
.mod_gallerylist li img { width:100%; border:1px solid #ddd; padding:2px;}
.mod_gallerylist h1 span { font-size:40px; color:#d60000; font-style:italic; margin-right:10px;}
.mod_gallerylist h1 { width:100%; border-bottom:1px dashed #999; margin-bottom:20px; margin-top:20px; padding-bottom:10px;}

	
.layout_default{ margin:5px; display: inline-block;	*display:inline; zoom:1;}
.image_container { width:250px; height:180px; background:#f9f9f9; overflow:hidden; border:1px solid #CCC; padding:3px; text-align:center; display: inline-block;	*display:inline;	zoom:1;}
.image_container img{ height:100%; width:auto; max-width:100%;  }