@charset "utf-8";

/*播放记录图文模块*/
.notes-w180 i,
.notes-w180 p { font-family: "Microsoft YaHei"; }
.notes-w180 { float: left; width: 180px; height: 148px; display: inline; margin-left: 20px; margin-bottom: 25px; position: relative; }
.notes-w180 dt { width: 100%; height: 101px; position: relative; }
.notes-w180 dt img { width: 180px; height: 101px; }
.notes-w180 .intro,
.notes-w180 .intro-bac { width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; }
.notes-w180 .intro-bac { background: #000; opacity: 0.4; filter: alpha(opacity=40); }
.notes-w180 .intro p { float: left; height: 20px; line-height: 20px; color: #fff; font-size: 13px; }
.notes-w180 .intro span { float: left; display: block; width: 30px; height: 20px; background-image: url(http://i3.letvimg.com/lc03_client/201508/07/14/45/notes-pop.png); }
.from-pc { background-position: 0 -30px; }
.from-phone { background-position: -30px -30px; }
.from-pad { background-position: -60px -30px; }
.from-tv { background-position: -90px -30px; }
.notes-w180 dd.process { width: 100%; height: 10px; background: #616161; position: relative; }
.notes-w180 dd.process span { display: block; width: 18px; height: 10px; line-height: 10px; background: #00a0e9; color: #fff; font-size: 9px; position: relative; }
.notes-w180 dd.process p { width: 180px; margin-top: 6px; line-height: 130%; }
.notes-w180 dd.process p i,
.notes-w180 dd.process p b { display: inline; color: #666; font-size: 12px; }
.notes-w180 dd.process p i { margin-right: 4px; }
.notes-w180 dd.process span.gt { width: 120px; }
.pro-gt { position: absolute; top: 0; right: 0; }
.hide { display: none; }
.notes-w180 dd.shade,
.notes-w180 .shade-bac,
.notes-w180 .shade-con { width: 100%; height: 101px; position: absolute; top: 0; left: 0; }
.notes-w180 .shade-bac { background: #000; opacity: 0.4; filter: alpha(opacity=40); }
.notes-w180 dd.shade .intro { bottom: 81px; }
.notes-w180 dd.shade u.del { float: right; width: 30px; height: 20px; background: url(http://i3.letvimg.com/lc03_client/201508/07/14/45/notes-pop.png) no-repeat -120px -30px; cursor: pointer; }
.notes-w180 dd.shade .play { margin-top: 36px; text-align: center; }
.notes-w180 dd.shade .play span { width: 36px; height: 30px; background-image: url(http://i3.letvimg.com/lc03_client/201508/07/14/45/notes-pop.png); cursor: pointer; }
.notes-w180 dd.shade .play p { width: 100%; color: #fff; font-size: 11px; text-align: center; }
.v-play span { background-position: -240px 0; }
.v-replay span { background-position: -276px 0; }
.s-short dd.process p i { display: inline-block; width: 13px; height: 11px; background-image: url(http://i3.letvimg.com/lc03_client/201508/07/14/45/notes-pop.png); }
.s-short .from-pc { background-position: -90px -50px; }
.s-short .from-phone { background-position: -106px -50px; }
.s-short .from-tv { background-position: -123px -50px; }
.s-short .from-pad { background-position: -141px -50px; }