<style>
/* 文案样式优化 */
#endText .video-info a {
text-decoration: none;
color: #000;
}
#endText .video-info a:hover {
color: #d34747;
}
#endText .video-list li {
overflow: hidden;
float: left;
list-style: none;
width: 132px;
height: 118px;
position: relative;
margin: 8px 3px 0 0;
}
#endText .video-list a, #endText .video-list a:visited {
text-decoration: none;
color: #fff;
}
#endText .video-list .overlay {
text-align: left;
padding: 0 6px;
background-color: #313131;
font-size: 12px;
width: 120px;
position: absolute;
bottom: 0;
left: 0;
height: 26px;
line-height: 26px;
overflow: hidden;
color: #fff;
}
#endText .video-list .on {
border-bottom: 8px solid #c4282b;
}
#endText .video-list .play {
width: 20px;
height: 20px;
background: url(http://static.ws.126.net/video/img14/zhuzhan/play.png) no-repeat;
position: absolute;
right: 12px;
top: 62px;
opacity: 0.7;
color: #fff;
filter: alpha(opacity=70);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.ws.126.net/video/img14/zhuzhan/play.png");
}
#endText .video-list a:hover .play {
opacity: 1;
filter: alpha(opacity=100);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.ws.126.net/video/img14/zhuzhan/play.png");
}
</style>
<script src="https://static.ws.126.net/163/f2e/libs/hls.min.js"></script>
<div class="video-wrapper" style="margin: 10px auto; background: #F5F5F5;">
<div class="video-inner" style="padding: 25px; padding-bottom: 20px;">
<div class="video" style="height: 435px; background: #000;">
<video id="VLIMD1MAD" preload="true" controlslist="nodownload" width="100%" height="100%" controls="controls" style="object-fit: contain;" poster="http://videoimg.ws.126.net/cover/20241217/SBNUh7ODL_cover.jpg" data-vid="VLIMD1MAD" alt="静心调养!北京这所医院竟有一处“乌托邦”宝地">
<!-- 视频源代码省略 -->
</video>
</div>
<script>
// 视频源加载脚本省略
</script>
<div class="video-info clearfix" style="margin: 16px 0 0 0; height: 20px; line-height: 20px;">
<p class="fn-right" style="height: 22px; line-height: 22px; overflow: hidden; font-size: 12px; float: right; margin: 0; padding: 0; text-indent: 0;">
<a style="text-align: right; float: left; width: 300px;" href="https://www.163.com/v/video/VLIMD1MAD.html" target="_blank" class="video-title">静心调养!北京这所医院竟有一处“乌托邦”宝地</a>
<span class="video-from" style="color: #a7a7a7; margin-left: 10px;">(来源:网易健康)</span>
</p>
</div>
<div class="video-list">
<ul class="clearfix" style="margin: 0; padding: 0; list-style: none; width: 540px;">
<!-- 视频列表省略 -->
</ul>
</div>
</div>
</div>
<p>
在快节奏的生活中,北京回龙观医院以其宁静与专业的环境,成为了一个疗养界的“乌托邦”。这里不仅针对抑郁症、焦虑症、厌学情绪等精神类疾病提供个性化治疗,更以其专业化的服务赢得了患者的青睐。作为一家北京市属的三级甲等精神卫生专科医院,北京回龙观医院专注于治疗各种急性、慢性精神疾病。今天,让我们一起揭开这所医院的神秘面纱,探寻它的独特魅力。</p>
<div style="height: 0px; overflow: hidden;"></div>
以上代码对原始HTML内容进行了排版和部分内容的优化,以确保其更适合博客发布,同时保留了原始内容的结构和功能。