.video {float: left; position: relative; width: 860px; height: 525px;}
.r-list {float: right; width: 300px;}
.r-list ul {padding-top: 20px;}
.r-list li {margin-bottom: 4px;}
.r-list .l-tit {display: block; height: 32px; line-height: 32px; padding-left: 10px; border-left: 2px solid #ddd; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.r-list .l1 .l-tit, .r-list .l2 .l-tit, .r-list .l3 .l-tit {border-color: #0091e5;}
.r-list .active .l-tit, .r-list .info {display: none;}
.r-list .active .info {display: block;}
.r-list .info {height: 90px; padding-bottom: 8px; font-size: 14px;}
.r-list .info img {float: left; width: 120px; height: 90px; margin-right: 10px;}
.video span {position: absolute;}

h3 {position: relative; font-size: 18px; height: 38px; line-height: 38px; color: #444; border-bottom: 1px solid #eee;}
h3 span {position: absolute; left: 0 bottom: -1px; border-bottom: 1px solid #0091e4;}

.list {overflow: hidden; margin-top: 25px;}
.list ul {width: 1246px; margin-top: 25px;}
.list li {float: left; width: 200px; height: 160px; margin: 0 46px 18px 0;}
.list li img {width: 200px; height: 110px; display: block; margin-bottom: 5px;}
.list li a {color: #06c;}