/*栏目通用*/ .column{ margin-top: 35px; padding: 0; } .column-title{ margin-bottom: 5px; background: url(../images/hr.png) left center repeat-x; } .column-title h3{ display: inline-block; margin: 0 0 0 60px; padding: 5px 20px; font-size: 20px; background-color: #fff; } .column .thumbnail .caption h4 a{ color: #3E3A39; } .column .thumbnail .caption p{ color: #969696; } /*end 栏目通用*/ /*新产品栏目*/ .column-new-products{ } .column-new-products .thumbnail{ margin-bottom: 0; min-height: 400px; } .column-new-products .thumbnail img{ } .column-new-products .thumbnail .caption{ text-align: center; } /*end 新产品栏目*/ /*视频栏目*/ .column-showcases{ } .column-showcases .thumbnail{ margin-left: auto; margin-right: auto; max-width: 364px; } .column-showcases .thumbnail .caption{ padding-left: 0; } .column-showcases .thumbnail .caption p{ margin: 0; padding: 0; color: #00609C; } .column-showcases .thumbnail .caption .video-title{ width: 100%; overflow: hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .column-showcases .thumbnail .caption .author{ color: #717071; font-size: 12px; } .column-showcases .video-thumb{ display: block; position: relative; padding: 0; overflow: hidden; } .column-showcases .video-thumb img{ display: block; margin: 0 auto; max-height: 244px; max-width: 350px; } .video-thumb .glyphicon-play-circle{ position: absolute; left: 50%; top: 50%; margin: -32px 0 0 -32px; font-size: 64px; color: #000; opacity: 0.3; transition: all .5s ease-in; } .video-thumb:active .glyphicon-play-circle, .video-thumb:hover .glyphicon-play-circle{ transform: scale(1.2); color: #ccc; } /*end 视频栏目*/ /*分享视频栏目*/ .column-share-video .row{ margin-left: 0; margin-right: 0; } /*end 分享视频栏目*/ @media (max-width: 768px){ .column-new-products .thumbnail{ margin-bottom: 20px; min-height: auto; } .column-new-products .row>div:last-child .thumbnail{ margin-bottom: 0; } .column-showcases .video-thumb img{ max-width: 100%; } } @media (min-width: 769px){ .column-showcases .video-thumb img{ min-height: 244px; min-width: 350px; } }