/* CSS Document */

#header{ height:267px;  background:url(../images/mutually_topbg.jpg) no-repeat;}

.mutually, .mutuallybox{ margin:0 auto;width:920px; height:auto; background:url(../images/mutually_contentbg.gif) repeat-y;}
.flash_small li,.flash_middle li,.flash_big li{ margin:10px 0px 0px 40px;#margin:10px 0px 0px 40px;_margin:10px 0px 0px 26px; float:left; width:178px; height:220px;}
.flash_small li{ background:url(../images/mutually_flash_bg.gif) no-repeat;}
.flash_small li .imgbox,.flash_middle li .imgbox,.flash_big li .imgbox{ display:block; margin:9px 0 0 8px; width:160px; height:121px; }
.flash_small li .imgbox img,.flash_middle li .imgbox img,.flash_big li .imgbox img{ display:block; width:160px; height:121px; }
.flash_small li .imgbox a img,.flash_middle li .imgbox a img,.flash_big li .imgbox a img{ border:1px solid #fff;}
.flash_small li .imgbox a:hover img{ border:1px solid #0066ff;}
.flash_small li h4,.flash_middle li h4,.flash_big li h4{ float:left; margin:26px 0 0; display:block; width:185px; height:30px; color:#5c2900; text-align:center; line-height:30px; background:url(../images/mutually_flash_textbg.gif) no-repeat; }
.flash_small li h4{ background:url(../images/mutually_flash_textbg.gif) no-repeat; }
.flash_small li h4 a{ color:#00315e; text-decoration:none; }
.flash_small li h4 a:hover{ color:#00172d; text-decoration:underline;}
.flash_small li em,.flash_middle li em,.flash_big li em{ color:#ff0030; margin:0 6px;}

.flash_middle li{ background:url(../images/class_middlebg.gif) no-repeat;}
.flash_middle li .imgbox a:hover img{ border:1px solid #00903e;}
.flash_middle li h4{ background:url(../images/class_textmiddlebg.gif) no-repeat; }
.flash_middle li h4 a{ color:#2c6a3c; text-decoration:none; }
.flash_middle li h4 a:hover{ color:#00172d; text-decoration:underline;}

.flash_big li{ background:url(../images/class_bigbg.gif) no-repeat;}
.flash_big li .imgbox a:hover img{ border:1px solid #ff9000;}
.flash_big li h4{ background:url(../images/class_textbigbg.gif) no-repeat; }
.flash_big li h4 a{ color:#6b4e2c; text-decoration:none; }
.flash_big li h4 a:hover{ color:#2d1902; text-decoration:underline;}

.flash_big li{ background:url(../images/class_bigbg.gif) no-repeat;}

.mutually .bt{ margin:0 auto; margin-bottom:10px; width:904px; height:35px;}
.mutually .bt li{ float:left; margin:0 4px 0 32px;_margin:0 5px 0 23px;}

.pnew{ z-index:10; position:absolute; margin-left:117px; width:61px; height:54px;}
.pnew img{ width:61px; height:54px;}

.vbottom{ margin:0 auto; width:920px; height:68px; background:url(../images/mutually_bottom.gif) no-repeat; }

.mutuallybox{ margin:0 auto;width:920px;#width:920px; _width:914px; height:auto; background:url(../images/video_contentbg.gif) repeat-y;}
.mediabox{ margin:0 auto; width:633px; height:433px; background:url(../images/video_boxbg.jpg) no-repeat;}
.mediabox table{ margin-top:43px; margin-left:89px; width:449px; height:349px; background:#fff; }


/*CSS scott style pagination*/
div.scott { margin:0 auto; width:100%; font-size:12px; padding:3px;  text-align:center; }
div.scott A {border:1px solid #77bfed; padding:2px 5px;  COLOR: #002893; margin-right:2px; TEXT-DECORATION: none; background:#fff;}
div.scott A:hover { border:1px solid #38adff; COLOR: #002893; background:#8bebff; }
div.scott A:active { border:1px solid #85bd1e; color:#00630c;}
div.scott span.current {border:#38adff 1px solid; padding:2px 5px; FONT-WEIGHT: bold;  COLOR: #fff; margin-right:2px;  BACKGROUND-COLOR: #38adff;}
div.scott span.disabled { border:1px solid #f3f3f3; padding:2px 5px;  COLOR: #ccc; margin-right:2px;  background:#fff; }

.page{line-height:28px; color:#0b00d5; }

/*flash play*/
.flashplay,.play_button{ margin:0 auto; width:622px;}
.flashplay{ height:496px;}
.flashplay .top,.flashplay .middle,.flashplay .bottom{float:left; width:622px;}
.flashplay .top{  height:23px; background:url(../images/flashbox_top.gif) no-repeat;}
.flashplay .middle{ height:447px; background:url(../images/flashbox_middle.gif) repeat-y;}
.flashplay .middle span{ display:block; margin:0 auto; width:575px; height:447px;}
.flashplay .bottom{ height:26px; background:url(../images/flashbox_bottom.gif) no-repeat;}
.play_button{ height:auto;}
.play_button li{ float:left; margin:20px 52px;_margin:20px 40px; width:193px; height:42px;}