@charset "utf-8";
/* CSS Document */
.w1055{width:1055px; float:left;}
.w586{width:586px; float:left;}
.w137{width:137px; float:left;}
/*产品页左边菜单*/
#leftNav{ width:100%;}
#leftNav li{ margin-top:5px;}
#leftNav li h1{color:#004a8f; height:24px; line-height:24px; text-indent:8px; font-family:"汉仪中圆简","Microsoft yahei"; font-size:14px; font-weight:lighter;}
#leftNav li h1 span{ float:left;background:url(../images/product_icon.png) 0 -28px no-repeat; margin-top:8px;width:9px; height:9px; display:inline-block;}

#leftNav li ul{ width:135px; overflow:hidden;}
#leftNav li ul li{ width:135px; height:22px; overflow:hidden;}
#leftNav li ul li a{ background:url(../images/product_icon.png) 4px -102px no-repeat; color:#828282; text-indent:16px; display:block; width:119px; font-family:"汉仪中圆简","Microsoft yahei"; font-size:13px;}
#leftNav li ul li a:hover,#leftNav li ul li a.active{ color:#014b94; text-decoration:none;}
.subNav{width:100%; height:0px; overflow:hidden;}

/*视频*/
.tv_title{font-family:"汉仪中圆简","Microsoft yahei"; font-size:18px; color:#055094; font-weight:lighter;}

#video{ width:586px; height:330px; background:#333; margin-top:10px;}
#tvFoucs{ width:137px; height:365px; position:relative; }
#tvFoucs #upBtn,#tvFoucs #downBtn{ background:url(../images/topBottom.png) no-repeat; width:137px; height:27px; display:block; position:absolute; left:0; }
#tvFoucs #upBtn{ background-position:57px 9px; top:-30px; opacity:0.3; filter:alpha(opacity=30);}
#tvFoucs #downBtn{ background-position:57px -22px; bottom:-30px;}
#tvContent{ width:137px; height:365px; position:relative; overflow:hidden;}
#tvContent ul{ position:absolute; top:0; left:0;}
#tvContent ul li{ float:left; width:100%; height:133px; cursor:pointer;}
#tvContent ul li .videoImg{ float:left; background-color:#000; width:100%; height:99px;}
#tvContent ul li .videoImg img{ float:left; border:1px solid #a2a09c; opacity:0.5;}
#tvContent ul li p{ float:left; width:100%; height:27px; line-height:27px; color:#5c696d; text-align:center; font-family:"汉仪中圆简","Microsoft yahei"; font-size:12px; }

#tvContent ul li.active .videoImg img{ opacity:1;}
#tvContent ul li.active img{border:1px solid #085ca5;}
#tvContent ul li.active p{ color:#085ca5; }

#videoText h2{ color:#085ca5; font-size:18px;font-family:"汉仪中圆简","Microsoft yahei"; height:32px; line-height:32px; margin-top:10px;}
#videoText  p{ color:#666;}

#bigPic img{ margin-top:10px;}

a.tvBtn{ background:url(../images/proya/public/btnBg_3.jpg) no-repeat; width:110px; height:28px; font-size:14px; line-height:28px; color:#fff; text-align:center; display:inline-block; }
a:hover.tvBtn{ text-decoration:none;}

#mobileFoucs{ width:92px; height:600px; position:relative; }
#mobileFoucs #upBtn,#mobileFoucs #downBtn{ background:url(../images/topBottom.png) no-repeat; width:92px; height:27px; display:block; position:absolute; left:0; }
#mobileFoucs #upBtn{ background-position:36px 9px; top:-30px; opacity:0.3; filter:alpha(opacity=30);}
#mobileFoucs #downBtn{ background-position:36px -22px; bottom:-30px;}
#mobileContent{ width:92px; height:600px; position:relative; overflow:hidden;}
#mobileContent ul{ position:absolute; top:0; left:0;}
#mobileContent ul li{ float:left; width:100%; height:150px; cursor:pointer;}
#mobileContent ul li .videoImg{ float:left; background-color:#000; width:100%; height:131px; margin:10px 0 9px 0;}
#mobileContent ul li .videoImg img{ float:left; border:1px solid #a2a09c; opacity:0.5;}

#mobileContent ul li.active .videoImg img{ opacity:1;}
#mobileContent ul li.active img{border:1px solid #085ca5;}