.scrollCook_inner
{
    width:254px;
	padding:0 20px;
	height:464px;
}
.dishImage
{
	width:252px;
	height:252px;
	border:1px solid #fff;
	margin-top:40px;
}
.dishImage img
{
	width:252px;
	height:252px;
	overflow:hidden;
}
.cookbook
{
	background:url(/Includes/images/dish_bg.jpg) no-repeat;
    height:551px;
    overflow:hidden;
    width:1000px;
}
.length
{
	margin:15px 0;
}
.fontST
{
	font-size:12px !important;
}
.Ingredient
{
	float:left;
	width:100px;
}
.dishName
{
	overflow:hidden;
	zoom:1;
	text-align:left;
}

/* 可以考虑提取到公共css中  */
.detailPanel
{
    width: 0px;
    height: 554px;
    float: left;
    overflow:hidden;
    position:relative;
   /* margin: 30px 17px;
    filter:Alpha(opacity=85);
    opacity:0.85;
    background-color:#e9e7d7;
    position:relative;
    overflow:hidden;*/
    /*display: none;*/
}
.detailDiv
{
    margin: 30px 17px;
    width: 654px;
    height: 494px;
    filter:Alpha(opacity=85);
    opacity:0.85;
    background-color:#e9e7d7;
    position:relative;
}
.closePanel
{
    float: right;
    width:22px;
    height:22px;
    background:url(/Includes/images/bg.png) no-repeat;
	background-position:-35px -219px;
	cursor:pointer;
	position:absolute;
	right:6px;
	top:6px;
}
.closePanel:hover
{
    background-position:-60px -219px;
    width:22px;
    height:22px;
}
.prvArrow
{
    width: 23px;
    height: 494px;
    background: url(/Includes/images/arrow_left.png) no-repeat 50% 50%;
    top: 30px;
    left: 0px;
    position: absolute;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    display:none;
}
.nextArrow
{
    width: 23px;
    height: 494px;
    background: url(/Includes/images/arrow_right.png) no-repeat 50% 50%;
    top: 30px;
    right: 0px;
    position: absolute;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    display:none;
 }