body { background-color: #f3f5f6; }

#content { width: 1200px; margin: 0 auto;  margin-bottom: 20px; font-size: 14px; color: #333; overflow: hidden; }



.video-product-content > a { position: relative; height: 285px; }

.video-product-content-describe { border: 1px solid #e5e5e5; border-top: none; }

.video-product ul {

	overflow: hidden;

}

.video-product ul li { margin-top: 20px; margin-left: 20px; float: left; }

.video-product-content img {

	width: 285px; height: 285px;

}

.video-product ul .clear-margin { margin-left: 0; }

.video-product-content-describe { position: relative; top:-1px; padding: 16px 10px; background: #fff; }

.video-product-content-describe h5 { font-size: 14px; font-weight: normal; padding-bottom: 8px; white-space:nowrap;/*强制文本在一行内显示*/

text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/

-o-text-overflow:ellipsis; /*溢出省略号，支持opera*/

overflow:hidden;/*溢出隐藏*/}

.video-product-content-describe a:hover { color: #f90; }

.video-product-content-describe { text-align: center;width:263px; margin-top:-5px;}

.video-product-content-describe p { display:none;color: #999; white-space:nowrap;/*强制文本在一行内显示*/

text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/

-o-text-overflow:ellipsis; /*溢出省略号，支持opera*/

overflow:hidden;/*溢出隐藏*/

-moz-binding:url('ellipsis.xml#ellipsis');}

.video-product-content { height: 340px;}

.video-product-content .video_more { height: 270px; }

.video-product-content i { position: absolute; display: inline-block; width: 31px; height: 23px; left: 14px; bottom: 9px; background-image: url(../images/index_img/video_stop.png); background-size: 100% 100%; }

.video-product-content:hover i { background-image: url(../images/video_list_img/video_play.png); }

.video-product-content-describe h5 a { color: #000; font-weight: normal; white-space:nowrap;/*强制文本在一行内显示*/

text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/

-o-text-overflow:ellipsis; /*溢出省略号，支持opera*/

overflow:hidden;/*溢出隐藏*/

-moz-binding:url('ellipsis.xml#ellipsis');}

.video > p { float: right; font-size: 16px; margin-top: 0px; margin-right: 35px; }

/*瑙嗛寮瑰嚭*/

.video-list > img { width: 1200px; height: 250px; }

.mark { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); filter: alpha(opacity=50); opacity: 0.5 !important;  z-index: 100; }

.myiframe { display: none; position: fixed; top: 50%; left: 50%; width: 880px; height: 596px; margin-top: -298px; margin-left: -440px; z-index: 200; -webkit-box-shadow: 0 18px 30px rgba(0,0,0,0.18); box-shadow: 0 18px 30px rgba(0,0,0,0.18); background: #fff; }

.iframeTop { position: relative; height: 32px; padding: 14px 20px; background-color: #f5f5f5; }

.iframeTop h4 { margin: 0; font-size: 18px; font-weight: 400; line-height: 32px; color: #424242; white-space:nowrap;/*强制文本在一行内显示*/

text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/

-o-text-overflow:ellipsis; /*溢出省略号，支持opera*/

overflow:hidden;/*溢出隐藏*/

-moz-binding:url('ellipsis.xml#ellipsis');}

.iframeTop > a { position: absolute; top: 18px; right: 14px; width: 24px; height: 24px; line-height: 30px; text-align: center; color: #757575; cursor: pointer; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s; z-index: 10; border-radius: 15px; }

.iframeTop > a:hover { -o-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.iframe { position: relative; max-height: 536px; padding: 0; }