@media screen { #videoPlayerPanel { position: relative; width: 1000px; margin:30px auto 30px; } #videoPlayerPanel h3 { display: block; line-height: 40px; font-size: 20px; margin-top:20px; } #videoPlayer { /*width: 730px;*/ /*height: 486px; */ _float:left; } #videoPlayer #videoTools { display: block; width: 100%; height: 35px; line-height: 35px; border-top: solid 1px #000000; background-color: #242424; } #videoTools span { display: block; padding:0 10px; border-left: solid 1px #000000; border-right: solid 1px #383838; overflow: hidden; float: left; color:#aaa; } #videoTools a{ width: 100%; height: 35px; line-height: 35px; font-size: 12px; margin-left: 15px; color: #f1f1f1; } #videoTools a:hover,#videoTools a:hover em{ color: #f0901b; } #videoTools a em{ font-weight:bold;color: #f1f1f1; } #videoTools em[class^="icon"]{ padding-right: 5px; font-size: 14px; font-weight: normal; } /*分享样式*/ #videoTools .bshare-custom{ padding:6px 5px 0 0; } #videoTools .bshare-custom em{color:#aaa; height:24px; line-height:24px; font-size:12px; font-weight:lighter;} #videoTools .bshare-custom a{ margin:0;} #videoTools .play { border-left: none; line-height: 35px; font-size: 12px; color: #f1f1f1; } #videoTools .play em{ font-weight: bold; } #videoTools .share { border-right: none; } #videoPlayerPanel .videoListPanel { position: relative; left: 0; width: 270px; height: 486px; background-color: #383838; margin-top: -486px; margin-left: 730px; } #videoList { position: relative; top: 8px; left: 8px; width: 254px; height: 470px; overflow: hidden; } ul.videoList, ul.videoList li { margin: 0; padding: 0; list-style: none; } ul.videoList { display: block; width: 236px; margin: 0; padding: 0; } ul.videoList li { position: relative; display: block; width: 232px; height: 103px; margin: 0; overflow: hidden; text-align: left; } ul.videoList li.current { background-color: #666; } ul.videoList li a { display: block; width: 216px; height: 81px; margin: 0; padding: 11px 6px 11px 11px; } ul.videoList li a:hover { background-color: #000000; } ul.videoList li a img { width: 108px; height: 81px; float: left; margin-right: 8px; } ul.videoList li a span { display: block; color: #FFF; line-height: 20px; font-weight: bold; } ul.videoList li a em { position: absolute; bottom: 16px; left: 127px; padding-left: 24px; color: #FFF; font-weight: normal; background: url("/images/ico_video.gif") no-repeat left center; color: #999; } .videoListPanel ul.videoList { position: absolute; top: 0px; left: 0px; /*禁止选择*/ -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none; } /*滚动条*/ .videoListPanel .scrollbar { position: absolute; top: 8px; right: 8px; width: 13px; height: 100%; z-index: 100; /*禁止选择*/ -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none; } .videoListPanel .scrollbar .track { position: relative; top: 0px; left: 0px; width: 13px; height: 100%; z-index: 100; border-radius: 7px; background: #202020 url("/images/scrollbar.gif") repeat-y 0px 0px; } .videoListPanel .scrollbar .thumb { position: absolute; top: 0; left: 1px; width: 11px; height: 40px; border-radius: 6px; cursor: pointer; background: url("/images/scroll.gif") no-repeat 0px center; } .videoListPanel .scrollbar .thumb .end{ display: none; }} .video-list .title .caption{ background: url("/images/video2.png") no-repeat 2px 5px;; background-size: auto 80%; } .well .list-video li{min-height: 78px; margin:0 15px 20px; padding-left: 120px;position: relative;} .well .list-video li:hover img{ opacity: 0.85; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .well .list-video h3{font-size: 14px; font-weight: 400; padding-top: 3px; } .well .list-video .times{position: absolute; bottom:-7px; right:0;font-size: 12px; color: #666;} .well .list-video .times:after{ content: "次"; display: inline; font-family: "microsoft yahei"; } .well .list-video .times .icon-play-circle{font-size: 14px; padding-right: 5px;} #bshare-1{ background: rgba(0, 0, 0, 0) url("/images/bsharemore.png") no-repeat scroll 10px 14px } #bshare-1:hover{ background-position: 10px -19px; } .video-desc h2{ line-height: 70px; font-weight: normal; text-align: center; } .video-desc .info{ height: 30px; margin-bottom: 10px; } .news_tags { font-size: 12px; line-height: 32px; margin-bottom: 15px; } .news_tags a { background: #dddddd none repeat scroll 0 0; margin-left: 5px; padding: 5px 8px; } .news_comment > .info { margin-bottom: 35px; } .comment-box { margin-bottom: 20px; position: relative; } .face { display: block; left: 0; position: absolute; top: 0; }