.mainblock .mbindent{}
.hrecipe_catalog{}
.wrap_right_box{float: right;width: 200px;margin: 0px;padding: 0;position:relative;padding:0px}
.right_box{width:200px}
.intro_text{color:#333;clear:both}
.intro_text h2{font-size:18px;line-height:22px;}
.intro_text.jsread{color:#333;clear:both;height: 140px;overflow: hidden}
.intro_text.jsreadbtn{}
.detail_picture{background:#fff;clear: both;border: 5px solid white;-moz-box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.3);box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.3);margin: 0 0 20px 0;display: block;min-height: 270px}
div.clmn2{-moz-column-count: 2;-webkit-column-count: 2;column-count: 2}
ul.ctlg{display: block;clear: both;color: #8F7369;margin-left: 12px;list-style-type: disc}
ul.ctlg li{clear: both;padding: 0px;margin: 0px 0 0 5px}
ul.ctlg li a:visited{color:#39690F}
.ctlg_wrap{background:#ECD8BD url(/img/css/retina_wood.jpg);margin:0;padding: 15px 20px;overflow:hidden}
.ctlg_wrap h1{font-size:28px;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);-webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);-moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);-khtml-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3)}
.ctlg_wrap .all_cnt{color:#333;margin-top:5px}
.ctlg_wrap .facts_wrap{background: #FFFCB6 url(/img/css/question_yellow.png) no-repeat 5px center;padding: 10px 20px 10px 70px;color: #5A431F;line-height: 16px;font-family: Georgia;font-size: 13px;font-style: italic;font-variant: normal;font-weight: normal;margin: 18px 0px}
.ctlg_wrap .facts_wrap:after{content: "";display: block;height: 10px;left: 0px;position: absolute;width: 360px;margin: 11px 0 0 140px;background:url(/img/css/shadow_03.png) no-repeat right top}
.ctlg_wrap .facts_wrap .fact{overflow:hidden;min-height: 45px}
.ctlg_wrap .right_panel{position: absolute;background: #FFFB98;left: 515px;margin: 30px 0 0 0;padding: 10px 8px 10px 5px;z-index: 1;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease}
.ctlg_wrap .right_panel:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;padding-left:10px}
.recipe_wrap_mini .name{color: #5D990F;font-size: 14px;font-weight:bold;border-bottom: 1px dashed #CCC;margin: 0 0 12px 0;padding: 0 0 8px 0;display:block}
.ctlg_wrap .recipe_wrap{background: #FFFCF4;margin: 10px 0 0px 0;padding: 10px 12px 8px 12px;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);-khtml-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;font-size: 14px;overflow:hidden;color: #666;position:relative;z-index: 20}
.ctlg_wrap .recipe_wrap:last-of-type{margin-bottom:10px}
.ctlg_wrap .recipe_wrap .find-name{background:#FDF9A2}
.ctlg_wrap .recipe_wrap.list{float:left;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;padding: 16px 16px 10px 16px;overflow:visible;position:relative;margin:8px 0}
.ctlg_wrap .letter{display: block;position: absolute;width: 40px;height: 36px;line-height: 36px;padding: 0 0 0 8px;background: #FFFB98;color: #666;left: 20px;margin: 20px 0 0 0;font-weight: normal;font-size: 18px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)}
.ctlg_wrap .letter1{display: block;width: 40px;position: relative;height: 36px;text-align: center;line-height: 36px;padding: 0px;background: #FFFCF4;color: #666;z-index: 50;margin: 10px 0 -20px 0;font-weight: normal;font-size: 18px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px}
.ctlg_wrap .recipe_wrap.list.r{float:right}
.ctlg_wrap .recipe_wrap.list .amnt{position: absolute;top: -12px;text-align: right;width: 200px}
.ctlg_wrap .recipe_wrap.list .amnt div{float: right;background: #FFFDCD;padding: 2px 10px;color:#333}
.ctlg_wrap .recipe_wrap.list .am{position: absolute;width: 200px;display:block;padding: 0;text-align: center;font-size: 20px;line-height: 110px;font-weight: bold;margin: 0;color: white;text-shadow: 0 1px 15px rgba(0, 0, 0, 0.8);-moz-text-shadow: 0 1px 15px rgba(0, 0, 0, 0.8);-webkit-text-shadow: 0 1px 15px rgba(0, 0, 0, 0.8);-khtml-text-shadow: 0 1px 15px rgba(0, 0, 0, 0.8);cursor:pointer}
.ctlg_wrap .recipe_wrap.list .am:hover{text-decoration:none}
.ctlg_wrap .recipe_wrap.list .photo{float:none}
.ctlg_wrap .recipe_wrap.list .name_wrap{display:table;height: 60px;margin:8px 0 0 0;padding:4px 0 0 0;border-top: 1px dashed #CCC;width:200px}
.ctlg_wrap .recipe_wrap.list .name{margin: 0;padding: 0;border-bottom: none;display:table-cell;vertical-align:middle;float:none;text-align:center}
.ctlg_wrap .recipe_wrap.list .name a{width:200px;white-space: normal}
.ctlg_wrap .recipe_wrap.list .name .amount{font-size:12px;color:#777}
.ctlg_wrap .recipe_wrap:hover{background: #fff}
.ctlg_wrap .recipe_wrap .name{border-bottom: 1px dashed #CCC;margin: 0 0 10px 0;padding: 0 0 8px 0;display:block;overflow: hidden}
.ctlg_wrap .recipe_wrap .name .r_inform{float:right}
.ctlg_wrap .recipe_wrap .name a{text-transform: none;color: #5D990F;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 345px;display: block;float: left}
.ctlg_wrap .recipe_wrap .photo{float:left;overflow:hidden;height:110px;width:200px}
.ctlg_wrap .recipe_wrap .overlay{position: absolute;height: 110px;width: 200px;background: rgba(0,0,0,0.3) url(/img/mm/videorecipe.png) no-repeat center center}
.ctlg_wrap .recipe_wrap .overlay:hover{background-color:rgba(0,0,0,0.15)}
.ctlg_wrap .recipe_wrap .inform{overflow:hidden;padding-left:15px}
.ctlg_wrap .recipe_wrap .starr-wrap, .ctlg_wrap .recipe_wrap .mm_rating_novote_wrap {clear:none;padding:0;float:right}
.ctlg_wrap .recipe_wrap .ilist{clear:both;margin:0 0 10px 0}
.ctlg_wrap .recipe_wrap .left_block{float:left;margin:0 0 10px 0}
.ctlg_wrap .recipe_wrap div.miniinfo{clear: both;margin: 0;padding-top: 8px;border-top: 1px dashed #CCC}
.ctlg_wrap .recipe_wrap span.miniinfo{float:left;height:28px;line-height:28px;display:block;width:auto;margin-right:12px;}
.ctlg_wrap .recipe_wrap span.miniinfo.r_date{float: right;width: 120px;text-align: right}
.ctlg_wrap .recipe_wrap span.miniinfo.r_time{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 150px}
.ctlg_wrap .recipe_wrap span.miniinfo span{display: block;float: left;height: 20px;width: 20px;margin: 4px 4px 4px 0px;background: url(/img/sprites/mm_tools_20x20.png?02092013) no-repeat 0 0;}
.ctlg_wrap .recipe_wrap .miniinfo span.views{background-position: 0 -240px;}
.ctlg_wrap .recipe_wrap .miniinfo span.comments{background-position: 0 -260px;}
.ctlg_wrap .recipe_wrap .miniinfo span.time{width: 24px;height: 24px;margin: 2px 4px 0 0;background: url(/img/mm_param_24x24.png) no-repeat center -48px;}
.ctlg_wrap .recipe_wrap .inform ul{}
.ctlg_wrap .recipe_wrap .inform li{display: block;clear: both;overflow: hidden;margin: 0 0 5px 0}
.ctlg_wrap .recipe_wrap .inform .i_name{float: left;width:80px}
.ctlg_wrap .recipe_wrap .inform .i_value{}
.ctlg_wrap .best_comm{background: #F0F8FA;color: #333C61;line-height: 16px;font-family: Georgia;font-size: 14px;font-style: italic;font-variant: normal;font-weight: normal;padding: 15px 20px 10px 20px;margin: 0 20px 20px 160px;-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);transform: rotate(-1deg);position: relative;z-index: 10;top: -3px;cursor:pointer}
.ctlg_wrap .best_comm img{float: left;margin: 5px 10px 5px 0}.ctlg_wrap .best_comm a{color: #333C61;/*102475*/}
.ctlg_wrap .best_comm a:hover{text-decoration:none}
.ctlg_wrap .best_comm .author{font-family: arial;font-style: normal;font-weight: bold;font-size: 14px;color:#555}
.ctlg_wrap .best_comm .cdate{display:block;clear:both;font-size: 12px;text-align:right;color:#555}
.ctlg_wrap .best_comm .text{-webkit-transform: rotate(1deg);-moz-transform: rotate(1deg);transform: rotate(1deg)}
.ctlg_wrap .best_comm:after{content: "";display: block;height: 10px;left: 0px;position: absolute;width: 360px;margin: 11px 0 0 -60px;background: url(/img/css/shadow_03.png) no-repeat right top}
#letters_panel{clear: both;overflow: hidden;top: 0px;z-index: 100;padding: 10px 0 0px 0;/*position: fixed;background: inherit;width: 495px;*/}
#letters_panel .ltr{border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;width: 20px;height: 20px;display: block;float: left;background: #FFFCF4 url(/img/grd.png) repeat-x left top;cursor: pointer;margin: 2px;text-align: center;line-height: 20px;text-transform: uppercase;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);-khtml-box-shadow: 0px 1px 2px rgba(0,0,0,0.2)}
#letters_panel .ltr a{width: 20px;height: 20px;display: block;color: #333;text-shadow: 0px 1px 1px white;-moz-text-shadow: 0px 1px 1px #fff;-webkit-text-shadow: 0px 1px 1px #fff;-khtml-text-shadow: 0px 1px 1px #fff}
#letters_panel .ltr:hover{background: #FFFFFF}#letters_panel .ltr.active:hover{background: #A57B6F}#letters_panel .ltr a:hover{text-decoration:none}
#letters_panel .ltr.active{background: #916558 url(/img/grd.png) repeat-x left top;color: white;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;-khtml-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset}
#letters_panel .ltr.active a{color:#fff;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);-khtml-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)}
#option_panel{top: 0px;z-index: 100;padding: 10px 0 10px 0;overflow: hidden}
#option_panel.fixed{top: 40px;background: #ECD8BD url(/img/css/retina_wood.jpg);width: 490px;position: fixed;margin-left: -20px;padding-left: 20px;padding-right: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);-khtml-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}
#pseudo_panel{height:0px;padding:0px;margin:0px;width:495px}
.filter_btn{cursor:pointer;display: block;height: 20px;line-height: 20px;padding: 3px 8px 3px 12px;float: left;background: #FFFCF4 url(/img/grd.png) repeat-x left top;margin: 0 20px 0 0; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);-khtml-box-shadow:0px 1px 2px rgba(0,0,0,0.2);color:#333;text-shadow:0px 1px 1px #fff;-moz-text-shadow:0px 1px 1px #fff;-webkit-text-shadow:0px 1px 1px #fff;-khtml-text-shadow:0px 1px 1px #fff}
.filter_btn.dt{width:50px}
.filter_btn.dt.active{width:70px}
.filter_btn.nm{width: 82px}
.filter_btn.nm.active{width: 82px}.filter_btn.pop{width: 105px}
.filter_btn.pop.active{width: 125px}
.filter_btn:hover{background: #FFFFFF}
.filter_btn.active:hover{background: #A57B6F}
.filter_btn.active{background: #916558 url(/img/grd.png) repeat-x left top;color: white;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);-khtml-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;-khtml-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset}
.filter_btn span{height:20px;width:0px;display:block;float:right;background: url(/img/mm_sort_20x20.png) no-repeat}
.filter_btn span.desc{width:20px;background-position: right bottom}
.filter_btn span.asc{width:20px;background-position: right top}
.expert_wrap{cursor:pointer;position:relative}
.expert_wrap .expert{position: absolute;left: 140px;width: 75px;padding: 0px 0 0 0;height: 75px;margin-top:22px;overflow: hidden;z-index:10}
.expert_wrap .special_mark{width: 90px;height: 120px;position: absolute;background: url(/img/special_mark.png) no-repeat center top;background-size: contain;left: 120px;top:-1px;z-index:101}
.expert_wrap .special_mark.v2{background-image:url(/img/special_mark_2.png)}
.noJSList{max-height: 8000px;overflow: hidden}

.jsread-wrap{background: url(/img/css/retina_wood_grd.png) repeat-x;position: relative;height: 10px;padding: 25px 20px 0 0;margin: -20px 0 20px 0;border-bottom: 1px solid rgb(173, 150, 136);box-shadow: 0 1px 0px rgba(255, 255, 255, 0.23);-moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.23);-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.23)}
.jsread-wrap .jsreadbtn{background: url(/img/css/retina_wood_grd.png) repeat-x left bottom;display: block;border: none;padding: 0 5px;margin: 0px auto;text-align: center;width: 120px}

.r-section{-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);-khtml-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
background: #FFFCF4;float: left;padding: 2%;width: 45%;margin: 1% 2% 1% 0;height: 190px;}
.r-section.r{margin-right:0}
.r-section .photo{overflow: hidden;height: 120px;width: 220px;display: block;}
.r-section .photo img{width:100%}
.r-section .info{text-align:center;height: 60px;margin: 6px 0 0 0;padding: 6px 0 0 0;border-top: 1px dashed #CCC;width: 100%;}
.r-section .info .name{color: #5D990F;font-size: 18px;}
.r-section .info .amount{font-size: 12px;color: #777;display:block}