﻿/* css common */
/* flash */
.topbox { width: 100%; height: 469px; }
.topflash { width: 87%; overflow: hidden; }
/*菜单*/
.indexbt { overflow: hidden; width: 12%; padding-top: 40px; /*position: relative;*/ }
.indexbt a { margin: 20px 0px; display: block; height: 47px; width: 142px; /*position: absolute;*/ /*border:dashed 1px #f00*/ }
/*.indexbt .bt01 { top: 5px; left: 423px; }
.indexbt .bt02 { top: 70px; left: 525px; margin-top: 26px; }
.indexbt .bt03 { top: 184px; left: 593px; }
.indexbt .bt04 { top: 274px; left: 640px; }
.indexbt .bt05 { top: 363px; left: 678px; }
.indexbt .bt06 { top: 456px; left: 708px; }
.indexbt .bt07 { top: 660px; left: 850px; }*/
/*装饰列表*/
.zsbox { position: relative; height: 40px;text-align:center; }
.zsbox span {float:left; margin-top:150px;margin-left:10px;/*max-width: 100px;*/ display:block; overflow: hidden; border: 1px solid #C0C0C0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 5px; background: #FFF; font-size: 12px; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
/*.zsbox div{ padding-top:150px; }*/
.zsbox span i { color: #666666; font-style: normal; margin-left: 5px; }
/*松树列表*/
.zsss0 { left: 277px; top: 160px; width: 94px; height: 186px; position: absolute; }
.zsss1 { left: 44px; top: 272px; width: 109px; height: 174px; position: absolute;  }
.zsss2 { left: 120px; top: 3px; width: 100px; height: 166px; position: absolute; }
.zsss3 { left: 1559px; top: 146px; width: 100px; height: 183px; position: absolute; }
.zsss4 { left: 1780px; top: 260px; width: 100px; height: 177px; position: absolute; }
.zsss5 { left: 1788px; top: 61px; width: 111px; height: 180px; position: absolute; }
/*柏树列表*/
.zsbs0 { left: 167px; top: 236px; width: 106px; height: 183px; position: absolute;}
.zsbs1{ left: 20px; top: 109px; width: 100px; height: 155px; position: absolute; }
.zsbs2 { left: 1669px; top: 227px; width: 106px; height: 173px; position: absolute; }
.zsbs3 { left: 1681px; top: 15px; width: 101px; height: 174px; position: absolute; }

/*花束列表*/
.divhsbox { width: 1210px; height: 260px; margin: 0px auto; margin-top: 260px; position: relative; }
.divhs { width: 1210px; overflow: hidden; position: absolute; }
.divhs ul { overflow: hidden; }
.divhs ul li { float: left; height: 150px; width: 100px; text-align: center;position: relative; }
.divhs ul li span {position: absolute;bottom:20px;left:10%; /*max-width: 100px;*/ overflow: hidden; border: 1px solid #C0C0C0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 5px; background: #FFF; font-size: 12px; /*filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ }
.divhs ul li span i { color: #666666; font-style: normal; margin-left: 5px; }
.divhs ul li img { height: 130px; width: 100px; }
.hsfloa { top: 140px; }

.banner { margin: 0px auto; width: 1000px; overflow: hidden; text-align: center; }
.banner .bd { margin-top: 70px; width: 1000px; text-align: center; overflow: hidden; }
.nav { overflow: hidden; text-align: center; }
.nav ul { }
.nav ul li { float: left; }

/*评价留言==============================================================================*/
/*图片列表-两页式*/
/*.piclistbox { overflow: hidden; padding: 10px 10px; width:1700px;margin:0px auto; }
.piclist { overflow: hidden;padding-top:9px;width:1230px; }
.piclist ul {overflow:hidden;}
.piclist ul li { width: 200px; color: rgb(102, 102, 102);  margin:20px 20px; text-align: center; float: left; overflow: hidden; }
.piclist ul li .ph {width:90%;height:auto;}
.piclist ul li a {width:100%;font-size: 12px;}
.piclist ul li span { height:35px; line-height: 30px; float: left; width: 100%; display: block; font-size: 23px; color: #000000; }
.piclist ul li img { padding:4px;  }*/

/*图片列表-一页式*/
.piclistbox { overflow: hidden; padding: 10px 10px; width: 1800px; margin: 0px auto; }
.piclist { overflow: hidden; padding-top: 9px; width: 1380px; }
.piclist ul { overflow: hidden; }
.piclist ul li { width: 150px; color: rgb(102, 102, 102); margin: 30px 10px; text-align: center; float: left; overflow: hidden; }
.piclist ul li .ph { width: 90%; height: auto; border: solid 1px #FFF; }
.piclist ul li a { width: 100%; font-size: 12px; }
.piclist ul li span { height: 35px; line-height: 30px; float: left; width: 100%; display: block; font-size: 23px; color: #000000; }
.piclist ul li img { padding: 0px; }


.btpj { font-size: 14px; }
.btpj span { font-size: 14px; height: auto; display: block; }
.btpj img { /*width:182px; height:64px;*/ }

.rightbox { width: 400px; /*margin-left: 10px;*/ overflow: hidden; margin-top: 40px; }
/* 留言 */
.lybox { width: 390px; overflow: hidden; border: 1px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; background: #FFF; }
.sidebox { margin-bottom: 8px; }
.sidebox .hd { margin-top: 10px; }
.sidebox .hd h3 { width: 100%; text-align: center; color: #920202; font: normal 20px/28px "microsoft yahei"; _font-weight: bold; }

.sidebox .bdbox { overflow: hidden; padding: 20px; height: 450px; }
.sidebox .bd { overflow: hidden; overflow: visible; }
.sidebox .bd li { line-height: 40px; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px dotted #ccc; overflow: hidden; position: relative; color: #666666; }
.sidebox .bd li b { color: #FF6600; }
.sidebox .bd li .date { color: #C0C0C0; margin-left: 10px; /*position: absolute; bottom: 3px; right: 0;*/ }

/*底部按钮*/
.bbox { margin-top: 30px; width: 100%; overflow: hidden; text-align: center; }
.bboxnav { overflow: hidden; text-align: center; margin: 20px auto 0px auto; width: 100%;  }
.bboxnav ul { text-align: center; margin: 0px auto 0px auto; }
.bboxnav ul li { float: left; width: 200px; }


/*评价*/
.picinfobox { overflow: hidden; padding: 10px 10px; width: 1500px; margin: 10px auto 0px auto; }
.picinfo { overflow: hidden; padding-top: 9px; width: 250px; }
.picinfo ul { overflow: hidden; }
.picinfo ul li { width: 210px; color: rgb(102, 102, 102); margin: 20px 20px; text-align: center; float: left; overflow: hidden; }
.picinfo ul li .ph { width: 90%; height: auto; }
.picinfo ul li span { margin-top: 10px; height: 35px; line-height: 30px; float: left; width: 100%; display: block; font-size: 23px; color: #000000; }
.picinfo ul li img { padding: 4px; border: 1px solid rgb(153, 153, 153); /*width: 200px; height:300px;*/ }

/*评价图标*/
.picinfopj { overflow: hidden; margin-top: 5px; width: 500px; }
.picinfopj h2 { border-bottom: solid thin #C0C0C0; height: 50px; line-height: 30px; overflow: hidden; font-size: 30px; font-weight: 500; color: #0099FF; text-align: center; }
.btimgbox { height: 160px; margin-top: 10px; }
.btimgbox input { width: 150px; height: 150px; float: left; margin-left: 10px; border: 0px; outline: medium none; }
.btimgbox .btimg1 { background: url(../images/xl01.png) no-repeat; }
.btimgbox .btimg2 { background: url(../images/xl02.png) no-repeat; }
.btimgbox .btimg3 { background: url(../images/xl03.png) no-repeat; }
.pjjg { height: 40px; line-height: 40px; margin-top: 10px; }
.pjjg p { width: 200px; float: left; text-align: right; }
.pjjg img { float: left; }
.btxx { padding-top: 20px; overflow: hidden; border-top: solid thin #C0C0C0; }
.btxx h3 { float: left; width: 355px; height: 50px; line-height: 50px; overflow: hidden; font-size: 28px; font-weight: 500; color: #FF6600; text-align: left; }
.btxx img { float: left; }

.pjlybox { width: 500px; }
.pjlybox .content { width: 100%; }
.pjlybox .content p { padding-left: 200px; }
.pjlybox span { /*font-size: 24px;*/ font-weight: 500; }
.form-control { /*font-size: 18px;*/ height: 34px; line-height: 18px; }

/*留言*/
.pjlybox2 { overflow: hidden; padding: 10px 10px; width: 800px; margin: 10px auto 0px auto; }
.pjly2 { width: 700px; }
.pjly2 p { text-align: center; }


/*祭奠==============================================================================*/
/*花束列表*/
.hslistbox { overflow: hidden; padding: 10px 10px; width: 760px; margin: 0px auto; }
.hslist { overflow: hidden; padding-top: 9px; }
.hslist ul { overflow: hidden; }
.hslist ul li { width: 150px; color: rgb(102, 102, 102); margin: 10px 20px; text-align: center; float: left; overflow: hidden; }
.hslist ul li .ph { width: 100px; height: 130px; }
.hslist ul li a { width: 100%; font-size: 12px; }
.hslist ul li span { height: 35px; line-height: 30px; float: left; width: 100%; display: block; font-size: 23px; color: #000000; }
.hslist ul li img { padding: 4px; /*border: 1px solid rgb(153, 153, 153);*/ /*width: 200px; height:300px;*/ }

/*献花*/
.xhbox { overflow: hidden; padding: 10px 10px; width: 800px; margin: 10px auto 0px auto; }
.xhinfo { overflow: hidden; padding-top: 9px; width: 183px; height: 300px; }
.xhinfo ul { overflow: hidden; }
.xhinfo ul li { width: 150px; color: rgb(102, 102, 102); margin: 50px 10px 0px 10px; text-align: center; float: left; overflow: hidden; }
.xhinfo ul li .ph { width: 100px; height: 130px; }
.xhinfo ul li span { margin-top: 20px; height: 35px; line-height: 30px; float: left; width: 100%; display: block; font-size: 23px; color: #000000; }
.xhinfo ul li img { padding: 4px; }
.xhc { width: 550px; margin-top: 20px; }
.xhc .content { width: 100%; }
.xhc .content p { padding-left: 200px; }
.xhc span { font-size: 24px; font-weight: 500; }
.form-control { font-size: 18px; height: 34px; line-height: 18px; }
/*献花信息查看*/
.xhckbox { overflow: hidden; width: 600px; }
.xhck { overflow: hidden; padding-top: 9px; width: 183px; height: 300px; }
.xhck ul { overflow: hidden; }
.xhck ul li { width: 150px; color: rgb(102, 102, 102); margin: 50px 10px 0px 10px; text-align: center; float: left; overflow: hidden; }
.xhck ul li .ph { width: 100px; height: 130px; }
.xhck ul li span { margin-top: 20px; height: 35px; line-height: 30px; float: left; width: 100%; display: block; font-size: 23px; color: #000000; }
.xhck ul li img { padding: 4px;width:100px;height:130px; }
.xhckr { float: left; width: 400px; margin-top: 20px; height: 280px; border-left: 1px dashed #C0C0C0; }
.xhckr p { height: 40px; line-height: 30px; /*font-size: 20px;*/ text-align: left; margin-left: 20px; }
.xhckr p label { width: 100px; text-align: right; color: #0099FF; }
.xhckr p span { font-size: 18px; }

/*献歌==============================================================================*/
/*歌列表*/
.hglistbox { overflow: hidden; width: 750px; margin: 10px 20px 0px 20px; }
.hglist { overflow: hidden; padding-top: 9px; }
.hglist ul { overflow: hidden; }
.hglist ul li { width: 100%; margin: 10px 0px; text-align: center; float: left; overflow: hidden; background: url('../images/icomenu.png') no-repeat 0px 0px; }
.hglist ul li span { height: 45px; line-height: 45px; float: left; width: 480px; display: block; font-size: 23px; color: #000000; text-align: left; margin-left: 50px; }
.hglist ul li .ph { width: 100px; height: 130px; }
.hglist ul li a { /*width:100%;font-size: 12px;*/ }
.hglist ul li img { padding: 4px; /*border: 1px solid rgb(153, 153, 153);*/ /*width: 200px; height:300px;*/ }

/*歌列表*/
.jltable { border: 0px; background-color: #FFFFFF; border-color: #FFFFFF; text-align: center; line-height: 18px; }
.jltable th { border-color: #FFFFFF; /*border:1px solid #cccccc;*/ padding: 6px 2px; font-weight: bold; text-align: center; }
.jltable td { border-color: #FFFFFF; border: 0px; border-bottom: 1px dashed rgb(153, 153, 153); padding: 6px 2px; /*text-align:center;*/ }
/*分页*/
.jlpage { text-align: center; border: 0px; }
.jlpage td { border: 0px; }
.jlpage table { margin: 10px auto 0px auto; border: 0px; }
.jlpage table td { border: 0px; }
.jlpage span { text-align: center; font-size: 16px; color: #FF0000; width: 30px; height: 30px; line-height: 30px; display: block; }
.jlpage a { text-align: center; border: 1px solid #C0C0C0; font-size: 16px; width: 30px; height: 30px; display: block; line-height: 30px; background-color: #F0F0F0; }
.jlpage a:hover { color: #00CC00; }

/*装饰列表*/
.zslistbox { overflow: hidden; padding: 10px 10px; width: 760px; margin: 0px auto; }
.zslist { overflow: hidden; padding-top: 9px; }
.zslist ul { overflow: hidden; }
.zslist ul li { width: 150px; color: rgb(102, 102, 102); margin: 10px 20px; text-align: center; float: left; overflow: hidden; }
.zslist ul li .ph { width: 100px; height: 130px; }
.zslist ul li a { width: 100%; font-size: 12px; }
.zslist ul li span { height: 35px; line-height: 30px; float: left; width: 100%; display: block; font-size: 23px; color: #000000; }
.zslist ul li img { padding: 4px; /*border: 1px solid rgb(153, 153, 153);*/ /*width: 200px; height:300px;*/ }

/*祭奠列表*/
.jplistbox { overflow: hidden; width: 100%; margin: 0px auto; }
.jplist { overflow: hidden; }
.jplist ul { overflow: hidden; }
.jplist ul li { border: 1px solid rgb(153, 153, 153); height: 200px; width: 470px; margin: 10px 0px 0px 15px; float: left; overflow: hidden; }
.jplist ul li img { float: left; margin: 10px; width: 100px; height: 130px; }
.jplist ul li .divr { float: left; width: 330px; margin-top: 10px; height: 181px; border-left: 1px dashed #C0C0C0; }
.jplist ul li .divr p { height: 30px; line-height: 28px; /*font-size: 20px;*/ text-align: left; margin-left: 20px; }
.jplist ul li .divr p label { width: 120px; text-align: right; color: #0099FF; }

/*==============分页=========================word-break:break-all;=*/
.page { text-align: center; margin-top: 18px; margin-bottom: 8px; font-size: 0px; _margin-top: 0px; }
.page span { margin: 4px 8px 0px 0px; width: 16px; display: inline-block; height: 25px; font-size: 12px; vertical-align: top; font-weight: bold; }
.page a { border-bottom: #dfdfdf 1px solid; border-left: #dfdfdf 1px solid; padding-bottom: 6px; padding-left: 11px; width: auto; padding-right: 11px; display: inline-block; font: 16px/18px arial; background: #fff; color: #505050; vertical-align: top; overflow: hidden; border-top: #dfdfdf 1px solid; margin-right: 8px; border-right: #dfdfdf 1px solid; padding-top: 6px; border-radius: 3px; box-shadow: 1px 1px 1px #dce0de; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.page a:hover { background-color: #c3c3c3; text-decoration: none; }
.page a.current:hover { background-color: #ff8300; }
.page a.pageup:hover em { background-position: -139px -18px; }
.page a.pagedown:hover em { background-position: -145px -18px; }
.page a.pageup-dis { background-color: #eff2f0; color: #bcbebd; cursor: default; }
.page a.pagedown-dis { background-color: #eff2f0; color: #bcbebd; cursor: default; }

.page a.pageup-dis em { background-position: -139px -9px; }
.page a.pageup em { background-position: -139px 0px; margin-right: 12px; }
.page a.pageup em { width: 6px; display: inline-block; height: 9px; vertical-align: middle; overflow: hidden; }
.page a.pageup em { background: url('../images/pageup.gif') no-repeat; }
.page a.pagedown em { background-position: -145px 0px; margin-left: 12px; }
.page a.pagedown em { width: 6px; display: inline-block; height: 9px; vertical-align: middle; overflow: hidden; }
.page a.pagedown em { background: url('../images/pagedown.gif') no-repeat; }
.page a.pageup-dis em { background-position: -139px -9px; }
.page a.pagedown-dis em { background-position: -145px -9px; }
.page a.pageup-dis:hover { background-color: #eff2f0; }
.page a.pagedown-dis:hover { background-color: #eff2f0; }
.page a.pageup-dis:hover em { background-position: -139px -9px; }
.page a.pagedown-dis:hover em { background-position: -145px -9px; }


.page a.current:hover { background-color: #ff8300; }
.page a.current { border-color: #e7c7a1; background-color: #ff8300; color: #fff; font-weight: bold; }
