.head-dish{
	border-bottom: 1px dashed #999896; 
	margin-bottom: 15px;
	padding: 15px 0;
}
.head-dish label{
	font-size:12px;
	color:#777;
}

.data-box {
	margin: 0 15px 15px;
}

.title_dish{
	border-left:4px solid #E1000D;
	border-right:1px solid #d9d7d5;
	color:#444444;
	float:left;
	padding-left:5px;
	padding-right:20px;
	font-size:28px;
}
.sub_title_dish{
	float:left;
	font-size:10px;
	color:#777;
	width:500px;
	padding:6px 0 0 20px;
}
.detail_left{
	float:left;
	width:402px;
	margin-left: -7px;
}
.detail_right{
	float:left;
	padding:15px;
	width:455px;
	-width: 435px;
	-overflow: hidden;
}
.thumb{
	height:328px;
	padding:20px;
	width:380px;
	background:url(../images/dish/bg_thub_detail.png) no-repeat;
}
.title_detail{
	color:#444;
	margin-bottom:9px;
}
.full_detail{
	font-size:12px;
	color;#444;
}
.detail_dish,.relate_recommended,.comment{
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #999896;
}
.print{
	width:162px;
	float:left;
	padding:0 10px 0 30px;
	border-right:dashed 1px #999896;
	
}
.print p,.social p{
	font-size:12px;
	color:#777;
}

.print strong,.social strong{
	color:#777;
}
.social{
	float:left;
	padding:0 10px 0 30px;
	width:158px;
}
.btn_print{
	width:36px;
	height:36px;
	background:url(../images/dish/icon_print.png) no-repeat;
	display:block;
	text-indent:-999em;
	margin-top:10px;
}
.btn_facebook,.btn_twiiter{
	width:33px;
	height:33px;
	display:block;
	text-indent:-999em;
	margin-top:10px;
	background:url(../images/dish/icon_social.png) no-repeat;
	float:left;
}
.btn_facebook{
	background-position:left bottom;
}
.btn_facebook:hover{
	background-position:left top;
}
.btn_twiiter{
	background-position:right bottom;
}
.btn_twiiter:hover{
	background-position:right top;
}
.relate_recommended h2,.comment h2{
	padding-left:0px;
	color:#444;
	padding-bottom:22px;
}
.box_comment{
	position:relative;
	float:left;
	width:452px;
	padding-left:20px
}
.box_comment .comment_top{
	background:url(../images/dish/top_comment.png) no-repeat -1px 0;
	height:7px;
	width:450px;
}
.box_comment .comment_detail{
	border-width:0px 1px;
	border-style:solid;
	border-color:#afafaf;
	width:407px;	
	*width:407px;
	padding:10px 20px;
	-margin-top:-11px;
	-margin-top:-11px;
	font-size:12px;
	overflow:hidden;
	background-color:#FFFFFF;
}
.box_comment .comment_bottom{
	background:url(../images/dish/bottom_comment.png) no-repeat;
	height:5px;
	width:450px;
	margin-bottom:9px;
}
.post_name {
	display:block;
	font-size:14px;
	padding-bottom:10px;
	color:#777;
}
.post_name span{
	color:#c00e00;
}
.bullet_left{
	background:url(../images/dish/bullet_comment.png) no-repeat;
	position:absolute;
	width:17px;
	height:28px;
	display:block;
	top:20px;
	left:4px;
}
.numcomment{
	display:block;
	height:86px;
	text-align:center;
	width:60px;
	background:url(../images/dish/bg_num_comment.png) no-repeat;
	float:left;
	padding-top:5px;
	margin-right:5px;
}
.numcomment span{
	font-size:10px;
	display:block;
	color:#fff;
}
.numcomment strong{
	color:#fff;
	font-size:28px;
}
.numcomment a{
	font-size:10px;
	color:#777;
	margin-top:16px;
	display:block;
}
.btn_reply{
	font-size:11px;
	color:#444;
	text-decoration:none;
	display:block;
	width:100px;
	margin-top:10px;
}
.btn_reply span{
	color:#C00E00;
}
.frm_top{
	background:url(../images/dish/top_frm_comment.png) no-repeat;
	height: 5px;
	overflow: hidden;
}
.frm_bottom{
	background:url(../images/dish/bottom_frm_comment.png) no-repeat;
	height:4px;
}
.comment_form{
	border-left:solid #ffebdc 1px;
	border-right:solid #ffebdc 1px;
	background:#ffe9da;
	padding:14px;
	-margin-top:-13px;
	position:relative;
}

.comment_form strong{
	color:#777;
	padding-bottom:10px;
	display:block;
}
.comment_left{
	width:550px;
	float:left;
	
}
.comment_right{
	width:319px;
	float:right;
}
.input_text{
	border:0 none;
	padding:2px 9px;
	width:125px;
	background:none;
	-zoom: 1;
	color:#777777;
}
.forinput_text{
	background:url(../images/dish/input_text.png) no-repeat left center;
	position: relative;
}
.input_textarea{
	border:0 none;
	padding:5px;
	background:url(../images/dish/input_textarea.png) no-repeat;
	width:279px;
	height:101px;
	color:#777777;
}
.comment_form label{
	display:block;
	padding:10px 0;
}
#btn_comment ,#btn_reset{
	background:url(../images/dish/btn_add_comment.png) no-repeat;
	border:0 none;
	color:#FFFFFF;
	font-size:11px;
	height:28px;
	padding-bottom:4px;
	*padding-bottom:1px;
	-padding-bottom:2px;
	text-align:center;
	width:110px;
	cursor:pointer;
}
#btn_reset{
	background:url(../images/dish/btn_add_comment_s.png) no-repeat;
	width:83px;
}
#captcha{
	height:40px;
	width:140px;
}
#btn_newcode{
	color:#AAA195;
	display:block;
	font-size:12px;
	left:169px;
	position:absolute;
	top:225px;
}
.list_comment  li{
	padding-bottom:20px;
}

.shownumpage{
	display:block;
	text-align:center;
	font-size:12px;
	color:#777;
	font-weight:bold;
}
.pagination .next,.pagination .back{
	width:67px;
	height:27px;
	text-indent:-9999px;
	display:block;
	background:url(../images/dish/btn_next_back.png) no-repeat ;
}
.pagination{
	margin-top:10px;
	padding-top:20px;
	border-top:1px dashed #999896;
}
.pagination .next{
	background-position:right top;
	float:right;
}
.pagination .back{
	background-position:left top;
	float:left;
}
.filter_box{
	padding-top:25px;
	-padding-top:12.5px;
}
.sub_border{
	width:449px;
	/*border-left:1px solid #AFAFAF;*/
	overflow:hidden;
}
.sub_comment{
/*
	width:425px;
	*width:403px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	padding:10px;
	float:right;
	min-height:50px;
	overflow:hidden;
	position:relative;
	background-color:#fafafa;
*/
	background-color:#FAFAFA;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0 1px;
	font-size:12px;
	overflow:hidden;
	padding:10px 20px;
	width:407px;
	*width:407px;
	position: relative;
	float:right;
}
.sub_comment .btn_delete_comemnt {
	top: 0; right: 5px;
	left: auto;
}
.sub_line_down{
	border-bottom:1px solid #AFAFAF;
	float:left;
	height:28px;
	width:23px;
}

.sub_comment strong{
	display:block;	
}
.sub_comment strong span{
	color:#C00E00;
}
.sub_bg_top,.sub_bg_down{
	display:block;
	height:6px;
	-height:4px;
	width:449px;
	-width:449px;
	float:right;
	
	overflow: hidden;
}
.sub_bg_top{	
	background:url(../images/dish/sub_comment_top.png) no-repeat 0px 0;
}
.sub_bg_down{
	background:url(../images/dish/sub_comment_down.png) no-repeat left bottom;
	*background-position:0px 0px;
	*height:7px;
	margin-bottom:10px;
}
.btn_delete_comemnt{
	background:url(../images/dish/del_comment.png) no-repeat;
	*background:url(../images/dish/del_comment.gif) no-repeat;
	width:51px;
	height:13px;
	display:block;
	font-size:11px;
	color:#999999;
	text-decoration:none;
	padding:2px 0 7px;
	text-align:center;
	position:absolute;
	left:414px;
	top:8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
	.btn_delete_comemnt{
		padding:3px 0 7px 2px;
	}

}
a.btn_delete_comemnt2 {
	background:url(../images/dish/del_comment.png) no-repeat;
	*background:url(../images/dish/del_comment.gif) no-repeat;
	/*
	width:49px;
	height:21px;
	display:block;
	position:absolute;
	text-decoration:none;
	right:0px;
	top:6px;
	padding-left:9px;
	padding-top:3px;
	font-size:11px;
	color:#999999;
	text-align:center;
	*/
	color:#999999;
	display:block;
	font-size:11px;
	height:21px;
	right: 5px;
	padding:3px 0 0;
	position:absolute;
	text-align:center;
	text-decoration:none;
	top: 0;
	width:49px;
}

.full_img{
	height:270px;
	width:360px;
	background-color:white;
}


   
.rating{
   margin:21px 0 0 95px;
   width:210px;
   height:16px;
   padding:0;
   list-style:none;
   clear:both;
   position:relative;
   background: url(../images/dish/star-matrix.gif) no-repeat 0 0;
   display:inline-block;
}
ul.rating li {
   cursor: pointer;
   /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
   float:left;
   /* end hide*/
   text-indent:-999em;/* hide text*/
}
  
ul.rating li a,
ul.rating li span {
   position:absolute;
   left:0;
   top:0;
   width:16px;
   height:16px;
   text-decoration:none;
   z-index: 200;
}
ul.rating li span { cursor: auto; }
ul.rating li span.numvote { position: static; width: 100px; }
  
ul.rating li.one a,
ul.rating li.one span {left:0}
ul.rating li.two a,
ul.rating li.two span {left:16px;}
ul.rating li.three a,
ul.rating li.three span {left:32px;}
ul.rating li.four a,
ul.rating li.four span {left:48px;}
ul.rating li.five a,
ul.rating li.five span {left:64px;}

ul.rating li a:hover {
  z-index:2;
  width:80px;
  height:16px;
  overflow:hidden;
  left:0;
  background: url(../images/dish/star-matrix.gif) no-repeat 0 0;
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}

.numvote{
	font-size:12px;
	color:#999;
}
.box-relate{
	background: url(../images/dish/bg_relate.png) no-repeat 0 0;
	width:413px;
	height:108px;
	padding-left:26px;
	padding-top:5px;
	float:left;
	position:relative;
}
.box-relate .thumb_relate{
	width:118px;
	height:86px;
}
.box-relate div{
	float:right;
	height:90px;
	padding:6px;
	width:273px;
	position:absolute;
	top:0px;
	right:0px;
}
.box-relate div a{
	text-decoration:none;
}
.box-relate strong{
	color:#666666;
	display:block;
	height:57px;
	width:220px;
}
.box-relate .no_comment_relate{
	color:#999999;
	font-size:11px;
	font-weight:bold;
	height:20px;
	left:239px;
	padding-top:7px;
	position:absolute;
	text-align:center;
	width:30px;
}

.comment-data {
	font-size: 12px;
	color: #666;
}

.button-back {
	background: url(../images/news/btn_next_back.png) no-repeat left center;
	height: 29px; width: 67px;
	line-height: 29px;
	color: #999;
	text-decoration: none;
	text-indent: 30px;
	position: absolute;
	right: 5px; top: 0;
	font-size: 12px;
	margin:28px 17px 0 0;
}