Css 在另外两个悬停函数的基础上添加另一个悬停函数

我想在鼠标悬停后在框的底部添加一个小说明。像这样：

我已经得到了标题从顶部向下滑动和图像向中心滑动。但我想添加另一个从下到上的描述。（我用photoshop制作了底部文本效果，以显示我的意思）

迄今为止的代码：

#框{
利润上限：200px；
左边距：80px；
宽度：1200px；
左：40px；
右：100px；
}
.基地{
位置：相对位置；
溢出：隐藏；
宽度：335px；
高度：265px；
浮动：左；
边框：1px实心#f0；
左边距：55像素；
边缘底部：75px；
背景色：#fef9f9；
-moz盒阴影：0px 5px 6px#dcdc；
-网络工具包盒阴影：0px 5px 6px#dcdc；
盒影：0px 5px 7px#dcdc；
}
.name{位置：相对位置；
颜色：#bbb；
字体系列：安东；
字体大小：25px；
字母间距：0px；
文本对齐：居中；
宽度：330px；
文本阴影：2px2px2px#fff；
利润上限：-35px；
z指数：4；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-转换：所有0.8都易于输入输出；}
.base:hover.name{margin top:0px；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-转换：所有0.8都易于输入输出；}
.base img{
宽度：270px；
高度：200px；
左边距：21px；
利润上限：21px；
填充：10px；
边框：1px实心#f0；
背景：#fff；
-moz盒阴影：0px 5px 6px#dcdc；
-网络工具包盒阴影：0px 5px 6px#dcdc；
盒影：0px 5px 7px#dcdc；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-转换：所有0.8都易于输入输出；}
.base img{位置：绝对；}
.1{
不透明度：0；
位置：相对位置；
左：-90px；
z指数：1；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-转换：所有0.8都易于输入输出；}
.1 img{宽度：130px；}
.基地：悬停.都德1{
左：0px；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
不透明度：1；}
.2{
不透明度：0；
位置：相对位置；
左：230像素；
z指数：1；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-转换：所有0.8都易于输入输出；}
.2 img{宽度：130px；}
.基地：悬停.都德2{
左：140像素；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
不透明度：1；}
#s-m-t-工具提示{
显示：块；
背景：#ccc；
字号：8px；
字体系列：calibri；
字母间距：1px；
文本转换：大写；
颜色：#fff；
文本对齐：居中；
左边距：18px；
填充物：2px 5px 2px 5px；
边框：1px实心#bbb；
最小宽度：40px；
最大宽度：200px；
盒影：1px1px1pRGBA（60,60,60,0.3）；
z指数：99999；
}

高山

#框{
利润上限：200px；
左边距：80px；
宽度：1200px；
左：40px；
右：100px；
}
.基地{
位置：相对位置；
溢出：隐藏；
宽度：335px；
高度：265px；
浮动：左；
边框：1px实心#f0；
左边距：55像素；
边缘底部：75px；
背景色：#fef9f9；
-moz盒阴影：0px 5px 6px#dcdc；
-网络工具包盒阴影：0px 5px 6px#dcdc；
盒影：0px 5px 7px#dcdc；
}
.姓名{
位置：相对位置；
颜色：#bbb；
字体系列：安东；
字体大小：25px；
字母间距：0px；
文本对齐：居中；
宽度：330px；
文本阴影：2px2px2px#fff；
利润上限：-35px；
z指数：4；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
}
.base:hover.name{
边际上限：0px；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
}
.base img{
宽度：270px；
高度：200px；
左边距：21px；
利润上限：21px；
填充：10px；
边框：1px实心#f0；
背景：#fff；
-moz盒阴影：0px 5px 6px#dcdc；
-网络工具包盒阴影：0px 5px 6px#dcdc；
盒影：0px 5px 7px#dcdc；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
}
.base img{
位置：绝对位置；
}
.1{
不透明度：0；
位置：相对位置；
左：-90px；
z指数：1；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
}
.1 img{
宽度：130px；
}
.基地：悬停.都德1{
左：0px；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
不透明度：1；
}
.2{
不透明度：0；
位置：相对位置；
左：230像素；
z指数：1；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
}
.2 img{
宽度：130px；
}
.基地：悬停.都德2{
左：140像素；
-webkit过渡：所有0.8秒都易于输入输出；
-moz转换：所有0.8秒都易于输入输出；
-过渡：所有0.8秒都易于输入输出；
不透明度：1；
}
#s-m-t-工具提示{
显示：块；
背景：#ccc；
字号：8px；
字体系列：calibri；
字母间距：1px；
文本转换：大写；
颜色：#fff；
文本对齐：居中；
左边距：18px；
填充物：2px 5px 2px 5px；
边框：1px实心#bbb；
最小宽度：40px；
最大宽度：200px；
长方体阴影：1px1px1pRGBA（60,60,60,0。