@charset "utf-8";

#download{background-color: #1ea0fa;border-radius: 6px;padding: 10px 14px 11px 14px;_padding:12px 14px 9px 14px;color:#fff;position: relative;z-index:9;}
#download{background:url(../img/nav_02.jpg) no-repeat\9}/****01=2字****02=4字****/

#container{margin:0; min-height:610px; }
#footer{z-index:9; }
div, #maindiv ul, img{padding:0; margin:0;}
li{list-style:none;}
#maindiv{margin:0 auto; width:100%; max-width:2000px; min-width:960px; _width:960px; overflow:hidden; height:100%; min-height:610px;}
#maindiv ul{position:relative;}
.mat_box{width:20%; *width:19.8%; max-width:400px; min-width:192px; _width:192px; height:100%; min-height:610px; /*display:inline-block; *display:inline;*/ float:left; overflow:hidden;}

.mat_bg{width:100%; height:100%; min-height:610px; background-repeat:no-repeat; background-position:top center; -webkit-background-size:100% auto; -moz-background-size:100% auto; background-size:100% auto; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; }
#mat_hollywood .mat_bg{background-image:url(../img/mat_hwmain.jpg);}
#mat_light .mat_bg{background-image:url(../img/mat_ltmain.jpg);}
#mat_intro .mat_bg{background-image:url(../img/mat_itmain.jpg);}
#mat_scene .mat_bg{background-image:url(../img/mat_scmain.jpg);}
#mat_copyright .mat_bg{background-image:url(../img/mat_crmain.jpg);}

.mat_cover, .mat_inside{background:url(../img/mat_btmbg.png) left bottom repeat-x; background:none\9;}
.mat_cover{width:20%; *width:19.8%; _width:192px; max-width:400px; min-width:192px; min-height:610px; top:0; z-index:3; position:absolute; _position:static;  }
.mat_cover img{position:absolute; _position:static; width:137px; height:345px; left:50%; top:50%; margin-left:-68px; margin-top:-172px; _left:0; _margin-left:51px; _top:0; }

.mat_inside{width:20%; *width:19.8%; min-height:610px; z-index:2; position:absolute;}
.mat_iswrap{position:relative; text-align:center; width:100%; min-height:610px; margin:0 auto; background-repeat:no-repeat; background-position:center 90%;}
/*#mat_hollywood .mat_iswrap{background-image:url(../img/mat_hwdl.png);}
#mat_light .mat_iswrap{background-image:url(../img/mat_ltdl.png);}
#mat_intro .mat_iswrap{background-image:url(../img/mat_itdl.png);}
#mat_scene .mat_iswrap{background-image:url(../img/mat_scdl.png);}*/
.mat_stitle{position:relative; top:40px; width:192px; margin:0 auto; }
.mat_dl{position:absolute; width:192px; height:42px; left:50%; bottom:10%; margin-left:-96px;}
#mat_hollywood .color, #mat_hollywood .mat_bg, .brown{background-color:#575757;}
#mat_light .color, #mat_light .mat_bg, .pink{background-color:#fea5b1;}
#mat_intro .color, #mat_intro .mat_bg, .orange{background-color:#f4c08c;}
#mat_scene .color, #mat_scene .mat_bg, .green{background-color:#86cbcb;}
#mat_copyright .color, #mat_copyright .mat_bg, .green{background-color:#6880f1;}
.color{opacity:0.8; filter:Alpha(opacity=80); width:100%; min-height:610px;}

.mat_video{z-index:1; position:absolute; width:100%; max-width:400px; min-width:192px; height:auto; overflow:hidden; margin:140px auto 0; }
.fancybox img{width:100%; height:auto; max-width:400px; min-width:182px; }
.mat_colorbg{width:100%; height:390px; margin-top:0; }

.mat_cover, .mat_inside{-webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.mat_cover, .mat_inside:hover{opacity:1; filter:Alpha(opacity=100); }
.mat_inside{opacity:0; filter:Alpha(opacity=0); }

.ie6misdirection{_display:none;}