html怎么给视频添加边框,要求给视频做一个边框 怎么样图片边框覆盖视频?

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

@charset "UTF-8";

/**

*

* @authors Benu (slimeball@foxmail.com)

* @date 2014-08-15 09:55:08

* @version $Id$

*/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

body{font:12px"微软雅黑","Arial Narrow",HELVETICA;background: #fcc3dc;-webkit-text-size-adjust:100%;}

a{color:#2d374b;text-decoration:none}

a:hover{color:#cd0200;text-decoration:underline}

em{font-style:normal}

li{list-style:none}

img{border:0;vertical-align:middle}

table{border-collapse:collapse;border-spacing:0}

p{word-wrap:break-word}

/*初始化*/

.z_head{background: url(../images/head_bg.png) repeat-x;height: 752px}

.z_head .z_head_top span{background: url(../images/logo.png) no-repeat;display: block;position:absolute;width: 189px;height: 51px;}

.z_head_top{width: 1000px;margin: 0 auto;position: relative;height: 51px}

.z_head .z_head_top .z_head_login{background: url(../images/login.png) no-repeat;display: block;width: 59px;height: 27px;position: absolute;right: 107px;top: 21px;}

.z_head .z_head_top .z_head_member{background: url(../images/member.png) no-repeat;display: block;width: 79px;height: 27px;position: absolute;right: 18px ;top: 21px;}

/*logo 登入部分*/

.z_flash{width: 1000px;margin: 0 auto;height: 559px;background-color: #ccc;}

/*flash部分*/

.z_nav{width: 1000px;margin: 0 auto;height: 114px;background: url(../images/nav_bg.jpg) no-repeat; }

/*导航部分*/

.z_head .z_nav li{float: left;}

.z_head .z_nav li a{background: url(../images/nav_bg_li.png) no-repeat;display: block;}

.z_head .z_nav a:hover{background: url(../images/nav_bg_hover.png) no-repeat;}

.z_head .z_nav .z_nobg{background: none;}

.z_head .z_nav .z_nobg:hover{background: none;}

/*导航部分*/

/*视频地图区*/

.z_vedio_map{width: 1036px;height: 450px; margin: 50px auto;position: relative;}

.z_vedio_map .z_l_video{float: left;top: 50px;}

.z_vedio_map .z_l_video .z_l_video_go{height: 368px;}

.z_vedio_map .z_l_video .z_l_video_go .video_top{background: url(../images/video_top.png) no-repeat;width: 561px;height: 72px;position: absolute;z-index: 2;}

.z_vedio_map .z_l_video .z_l_video_go .video_left{background: url(../images/video_left.png) no-repeat;width: 68px;height: 250px;position: absolute;z-index: 2;top:72px;}

.z_vedio_map .z_l_video .z_l_video_go .video_bot{background: url(../images/video_bot.png) no-repeat;width: 561px;height: 81px;position: absolute;z-index: 2;top:322px;}

.z_vedio_map .z_l_video .z_l_video_go .video_right{background: url(../images/video_right.png) no-repeat;width: 68px;height: 250px;position: absolute;z-index: 2;top:72px;left: 495px;}

.z_vedio_map .z_l_video .z_l_video_go .video_player{position: absolute;width: 502px;height: 304px;left: 35px;top:35px;}

.z_vedio_map .z_l_video_list {background: url(../images/video_list_bg.png) no-repeat;height: 50px;width: 800px;position: absolute;height: 151px;z-index: 2;}

.z_vedio_map .z_l_video_list .z_l_video_list_pic{height: 69px;position: absolute;top: 63px;margin-left: 45px;}

.z_vedio_map .z_l_video_list li{float: left;margin-left: 10px; }

.z_vedio_map .z_r_map{float: right;}

.z_vedio_map .z_r_map .china_map{position: absolute;right: 37px;top: -55px;z-index: -1;}

.z_vedio_map .z_r_map .z_join{position: absolute;right: 300px;}

/*视频地图区*/

/*网络赛区*/

.z_netzone{width:1031px;margin:0 auto;height: 991px; background: url(../images/net_zone.jpg) no-repeat;position: relative;}

.z_netzone .z_netzone_time{position: absolute;top: 132px;left: 271px;}

.z_netzone .z_netzone_time p{color: #fff;float: left;font-size: 17px;}

.z_netzone .z_netzone_time p span{color: #ffd800;margin-left: 43px;}

.z_netzone .z_search a{width: 89px;height: 27px;background: #a665a9;}

/*网络赛区*/