@charset "utf-8";
/* CSS Document */
.videotopic{ background:#242424; overflow:hidden; padding:20px 0px;}
.videotopic h1{ color:#fff; font-size:22px; margin-bottom:20px; padding-left:15px;}
.videotopicfr{ float:left; width:67%; padding:20px 5px; background:#000}

.videotopicfr video{ width:100% !important; height:auto !important}
.videotopicfl{ float:right; width:30%; margin-top:60px;}
.videotopicfl h2{ font-size:16px; color:#ccc; background:#000; line-height:55px; text-align:center}
.videotopicfl video{ width:100% !important; height:auto !important; }
.videotopicfl dl{background:#000; overflow:hidden; padding:7px 10px; margin-top:2px;}
.videotopicfl dt{ float:left; width:45%}
.videotopicfl dd{ float:right; width:50%;}
.videotopicfl dd p strong{ font-size:15px;}
.videotopicfl dd p{ font-size:14px; color:#666}
.videocontent{ float:left; width:78%;border:1px solid #f0f0f0;}
.videoclist{ float:right; width:19%; margin-top:1px;}
.videoclist ul{padding:0px 5px;border:1px solid #f0f0f0;}
.videoclist .title{ background:#007af4; line-height:50px; text-align:center; font-size:15px; color:#fff !important; font-weight:700}
.details{overflow:hidden; margin-bottom:30px; padding:0px 15px;}
.details h3{ font-size:17px; background:#242424; color:#fff; padding:8px 10px;}
.details p{ color:#444; line-height:32px; margin-top:10px;}
.videoclassification{ overflow:hidden}
.videoclassification ul{ overflow:hidden}
.videoclassification li{ line-height:50px;border-bottom: 2px dashed #fff;padding-left:30px; background:#f6f6f6 url(images/videoicon.png) no-repeat 10px 50%;}
.videoclassification li a{ color:#007af4; background:url(../images/videoicon.png) no-repeat 10px 50%;}
.videoclassification li a:hover{text-decoration:underline;color:#d60101;cursor: pointer;}
.classification{ overflow:hidden; margin-bottom:30px;}
.classification h3{ font-size:17px; font-weight:700; padding-left:20px; color:#007af4;border-bottom:1px solid #f0f0f0; line-height:35px;}
.classification ul{ overflow:hidden;  margin-top:15px;}
.classification li{ float:left; margin-left:1.5%; width:23%; text-align:center;border:1px solid #f0f0f0; line-height:35px; }
.classification video{ width:100% !important; height:auto !important;}
.materialcl{overflow:hidden; margin-bottom:10px;}
.materialcl li{ line-height:50px;border-bottom:1px dashed #f0f0f0;padding-left:20px;}
.materialcl .videoicon1{padding-left:20px; background: url(images/videoicon1.png) no-repeat 10px 50%; padding-left:50px;font-size:16px;}
.materialcl .videoicon2{padding-left:20px; background: url(images/videoicon2.png) no-repeat 10px 50%; padding-left:50px;font-size:16px;}
.materialcl .videoicon3{padding-left:20px; background: url(images/videoicon3.png) no-repeat 10px 50%; padding-left:50px;font-size:16px;}
.videoexhibitfl{ float:right; width:19%; margin-top:1px; margin-top:45px;}
.videoexhibitfl ul{padding:0px 5px;border:1px solid #f0f0f0;}
.videoexhibitfl .title{ background:#007af4; line-height:50px; text-align:center; font-size:15px; color:#fff !important; font-weight:700}
.videoexhibitfr{ float:right; width:77%; margin-top:30px;}
.videoexhibitfr h2{ font-size:20px;border-bottom:1px solid #f0f0f0; margin-bottom:20px; color:#333; line-height:35px; }
.topiclist .title{border-bottom:1px solid #f0f0f0; margin-bottom:15px;line-height:35px;}
.topiclist .title span{ background:#007af4; padding:5px 20px;font-weight:700; color:#fff !important;font-size:15px;  }
.videoexhibitfr .title a{ color:#F00; float: right; font-size:12px;}
.topiclist{ overflow:hidden;border:1px solid #f0f0f0; padding:10px;}
.topiclist ul{ overflow:hidden;  margin-top:20x; margin-bottom:30px;}
.topiclist li{ float:left; margin-left:1.5%; width:23%; text-align:center;border:1px solid #f0f0f0; line-height:35px; color:#007af4; font-size:15px; }
.videoexhibitfr video{ width:100% !important; height:auto !important;}

.materialsex{ margin-top:30px;}
.materialsex .title{border-bottom:1px solid #f0f0f0; margin-bottom:15px;line-height:35px;}
.materialsex .title span{ font-weight:700; color:#007af4 !important;font-size:15px;  }
.materialsr{ float:left; width:46%; padding:10px;border:1px solid #f0f0f0; margin-left:1.5%; margin-bottom:15px; }
.materialsr ul{ overflow:hidden;  margin-top:20x;}
.materialsr li{ float:left; margin-left:1.5%; width:48%; text-align:center;border:1px solid #f0f0f0; line-height:35px; color:#444; font-size:15px; margin-bottom:15px; }
.anchorpoint{ margin-bottom:15px;overflow:hidden; line-height:45px;}
.anchorpoint a{ padding:5px 11px; color:#007af4;border:1px solid #f0f0f0;}

.left-cont {float: left;width: 78%; border: 1px solid #f0f0f0; margin-top:2px;}
.left-cont ul{ overflow:hidden;  margin-top:15px;}
.left-cont li{ float:left; margin-left:1.5%; width:31%; text-align:center;border:1px solid #f0f0f0; line-height:35px; margin-bottom:15px; }
.left-cont video{ width:100% !important; height:auto !important;}

.cp-text{ float:right; width:30%;}
.cp-text h2{ font-size:16px; color:#ccc; background:#000; line-height:55px; text-align:center}
.cp-text video{ width:100% !important; height:auto !important; }
.cp-text dl{background:#000; overflow:hidden; padding:7px 10px; margin-top:2px;}
.cp-text dt{ float:left; width:45%}
.cp-text dd{ float:right; width:50%;}
.cp-text dd p strong{ font-size:15px;}
.cp-text dd p{ font-size:14px; color:#666}