﻿/*****************************************************上部图片幻灯****************************************************************/
.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }
.width1920{ overflow:hidden; position:relative;height:232px; }
span.pageinhere{ background:url(../../Images/productleftnavtitle.png) no-repeat 0 10px; padding-left:30px}
span.pageinhere a{margin:0 10px;color:#666}
span.pageinhere a.first{margin-left:0}
span.pageinhere a.last{color:#005BAC;}
/*幻灯片*/
.videoList-container{background:none ; position:relative; top:-1px; margin-bottom:0px;}
.videoList-container .frame{ float:left; width:745px; position:relative;}
#dcar{ width:745px; overflow:hidden;position: relative; height:212px;}
#dcar .content_reel{ position:relative; left:0; top:0;}
.videoList-container .rightcontent{ min-height:172px; margin-left:376px; position:relative; padding:20px;}
.videoList-container .rightcontent h2{ font-size:18px; margin-bottom:13px; color:#333;font-weight:700;}
.videoList-container .rightcontent p{ color:#333;margin-bottom:10px;}
.videoList-container .leftcontent{ width:376px; height:212px; overflow:hidden; position: absolute;left: 0;top: 0;}
.videoList-container .video-link{ text-align:right; margin: 10px 0 0;}
.videoList-container .vid{background-position: right 0;outline: medium none;}
.videoList-container .vid,.videoList-container .vid b{cursor: pointer; display: inline-block; height: 26px;line-height: 26px; text-decoration:none;}
.videoList-container .vid b{background-position: 0 0;margin: 0 10px 0 0;padding: 0 2px 0 17px;font-weight:400;}
.videoList-container a:link, .videoList-container a:hover, .videoList-container a:visited, .videoList-container a:active {color: #fff;
}
#Pagination a{color:#666;}
.videoList-container a.vid:hover{ background-position:100% -26px;height:32px;}
.videoList-container a.vid:hover b{ background-position:0 -26px;height:32px; }
.videoList-container #thumbs {background-position: 0 -92px;background-repeat: repeat-x;height: 53px;/* position: absolute;*/width:100%;display:none; position:relative;clear:both}
.videoList-container #thumbs .mygallery{ display:inline-block; position:absolute; right:0;}
.videoList-container #thumbs .mygallery .overclear{white-space:nowrap;}
.videoList-container #thumbs a{border:2px solid #AAA; width:84px; height:26px; display:inline-block; margin-top:12px;  margin-right:1px; +margin-right:5px; overflow:hidden; background-color:#000;}
.videoList-container #thumbs a img{margin-top:-30px;}
.videoList-container #thumbs a:hover{border:2px solid #fff;}
.videoList-container #thumbs a.highlight{border:2px solid #fff;}
.videoList-container #thumbs a.prev, .videoList-container #thumbs a.next{ display:inline-block; width:26px; height:26px; margin-top:12px; margin-right:5px; background: url(../../../../../ucmf/groups/public/documents/webasset/hw_063157.png) no-repeat 0px 0px transparent; border:none; display:none;}
.videoList-container #thumbs a.prev{ background-position:-71px -63px; position: absolute; left:10px; top:4px;}
.videoList-container #thumbs a.next{ background-position:-106px -63px; position: absolute; right:0px; top:4px;}
#thumbs_tool_tip{ position:absolute; display:none;}
.videoList-container #thumbs a.prev:hover, .videoList-container #thumbs a.next:hover{ border:none;}
#thumbs_tool_tip .thumbs_tool_tip{background-color:#666; opacity:0.8; filter: alpha(opacity=50);overflow:visible; white-space:nowrap;}
#thumbs_tool_tip .inner{ position:relative; color:#fff; padding:10px; margin:0;}
.serviceVideo{ height:auto!important; height:180px; min-height: 180px;}
.serviceVideo .leftcontent{width:320px; height:180px; overflow:hidden;}
.serviceVideo .rightcontent{height:auto!important; height:160px; min-height: 160px; margin-left:320px; padding:10px;}
.serviceVideo #thumbs a{ margin-right:5px;}

 /* index */
#slide-index{min-width:1198px;-width:1198px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
#slide-index .slides{min-width:1198px;-width:1198px; height:auto; }
#slide-index img{width:100%;height:100%}
#slide-index .slide{min-width:1198px;-width:1198px; height:auto; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}

#slide-index .control{ position:absolute; bottom:0px; width:100%; text-align:center;margin-left:500px; height:19px; cursor:pointer; z-index:40;}
#slide-index .control a{ width:13px; height:13px; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-image:url(../../images/indexa2.png); margin-right:10px; opacity:0.6; filter:alpha(opacity=60);}
#slide-index .control a:hover, #slide-index .control a.active{ background-image:url(../../images/indexoa.png); opacity:1; filter:alpha(opacity=100);}